WBB CSS Problem (Mainmenu)

    Guten Tag liebe Coder unter euch.
    Ich arbeite seit langem an einem WBB Style, habe aber auf einmal ein Punkt gefunden,
    wo ich nicht mehr weiter komme und dachte mir, vielleicht könntet ihr mir helfen.


    Es geht um das Mainmenu.
    Bisher hab ich schon folgendes erreicht was ich wollte:


    Hintergrund hinzugefügt im Mainmenu,
    Mainmenu angepasst auf dem Hintergrund (teilweise).
    Nur hab ich ein kleines Problem, was mich an grenzen stoßen lässt,
    nämlich kann ich den Hintergrund vom Mainmenu nicht weiter nach oben versetzten,
    ohne, dass das normale Menü mit läuft.
    Ich hoffe ich konnte mich einigermaßen verständlich ausdrücken,
    falls nicht, habe ich folgendes Bild für euch:


    "Bild-Vorschau"



    Abgebildet ist der Header-Bereich,
    der Rote Ramen ist das komplette Mainmenu und
    das möchte ich gern weiter oben haben.


    Vielleicht lässt sich per Skype o.ä. genauer darüber sprechen.


    Grüße
    Ray_Johnson

    @CHEAZY:
    Danke für die Hilfe, hab es ausprobiert und bisher sieht alles paletti aus.
    Nur habe ich das Problem, dass das Bild irgendwie abgeknickt ausschaut (siehe Bild rechts).



    "MainMenu-Code"

    "MainMenu-Code"

    "MainMenu-Code"
    #mainMenu {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    /*background-attachment: scroll;
    background-clip: border-box;*/
    background-color: transparent;
    background-image: url(../images/san_multinetwork/head.png); /*Background*/
    /*background-origin: padding-box;
    background-position: 0 center;
    background-repeat: repeat;
    background-size: auto auto;*/
    border-bottom-color: -moz-use-text-color;
    border-bottom-style: none;
    border-bottom-width: 0;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: -moz-use-text-color;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style-value: none;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: 0;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: -moz-use-text-color;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-right-style-value: none;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-right-width-value: 0;
    border-top-color: -moz-use-text-color;
    border-top-style: none;
    border-top-width: 0;
    /*left: 18px;*/
    background-position: -45px;
    background-repeat: no-repeat;
    /*margin-top: 25px;*/
    margin-left: 527px;
    position: relative;
    /*width: 800px;*/
    z-index: 100;
    }

    "MainMenu-Code"

    "MainMenu-Code"

    "MainMenu-Code"

    Zitat von Ray_Johnson


    Nur habe ich das Problem, dass das Bild irgendwie abgeknickt ausschaut (siehe Bild rechts).


    Füg mal das ein, dass was ich weg gelassen habe wird garnicht "verwendet" :


    Spoiler anzeigen
    #mainMenu {
    background-color: transparent;
    background-image: url(../images/san_multinetwork/head.png); /*Background*/
    background-position: -45px;
    background-repeat: no-repeat;
    margin-left: 527px;
    position: relative;
    z-index: 100;
    }


    Schau erstmal wie das so aussieht, dann schau ich nochmal ins Forum

    Zitat von Ray_Johnson


    Hat sich nichts großes getan.^^
    Zudem fällt mir erst jetzt auf, dass sich der Menü-Background verschiebt,
    wenn es keine Scroll-Leiste (rechts) gibt.


    So, jetzt tut sich aber was ;) :


    Spoiler anzeigen

    Code
    #mainMenu {background-color: transparent;background-image: url(../images/san_multinetwork/head.png); /*Background*/background-position: -45px;background-repeat: no-repeat;position: relative;z-index: 100;}

    Spoiler anzeigen


    Nimm das rein, dann schau ich mal wieso der abgeknickt ist

  • do.de - Domain-Offensive - Domains für alle und zu super Preisen