[erledigt] Buttons menu MOD Fehlerhafte anzeige

[niwes]

Habe jetzt mehrere varianten ausprobiert ohne erfolg....
zB

Code: Alles auswählen

    <div id="menu" </div>
    <div style="clear:both;margin-top:-3px;background: url('{T_THEME_PATH}/images/menu/{S_MENU_COLOR}/menu_bg.gif') repeat-x;">

(das schließende div kommt weiter unten)

die zweite zeile muss ja bestehn bleiben denke ich mal damit das menü weis welche farben usw es nehmen muss
da du gesagt hast radikal

Code: Alles auswählen

<div style="clear:both"></div>

[Crizzo]

Was machst du denn da?

Das Problem ist doch, das Elternelement von #menu ist zu klein, so das seine Kinder nicht reinpasse und #menu eben runten rausfällt. Deshalb ist dort die Lücke zwischen Menü und dem rechteckigem Hintergrund dadrüber.

Deshalb musst du erstmal die Höhe anpassen, dann fällt #menu auch nicht mehr raus. Oder die Höhe komplett vom Elternelement rauslöschen und dann eben den "radikalen clear". Weil sonst der Inhalt von #menu, der ja floatet, das Elternelement von #menu nicht aufdehnt.

Also such jetzt das:

Code: Alles auswählen

.headerbar {
    background: url("./styles/prosilver/theme/images/header_bg.png") no-repeat scroll 50% 0 #FFFFFF;
    color: #FFFFFF;
    height: 150px;
    margin: 0 auto 4px;
    max-width: 1400px;
    min-width: 590px;
}

und lösche die "height" raus und dort auch:

Code: Alles auswählen

.headerbar {
    color: #FFFFFF;
    height: 150px;
    padding: 0 5px;
}

Finde:

Code: Alles auswählen

<div style="height: 140px;">

und ändere die 140 auf eine 145.

Lösche hier:

Code: Alles auswählen

<div id="menu" style="clear:both;margin-top:-3px;background: url('./styles/prosilver/theme/images/menu/black/menu_bg.gif') repeat-x;">

das negative margin-top raus, also -3 mit 0 ersetzen.

Den Rest lässt du so wie er jetzt ist. Ist das dann schon besser, oder nicht?

[niwes]

Ist das dann schon besser, oder nicht?

ja besser, der Abstand stimmt jetzt nach oben....
allerdings wird die navbar immer noch nicht nach unten geschoben das menü ragt immer noch darüber

[Crizzo]

Wo ragt da noch was drüber? (Screenshot) Bei mir sitzt das passend an dem SRT-Banner.

[niwes]

ok Kommando zurück lag am Browser
.....
im IE wird es richtig angezeigt
im Firefox auch ...

nur im GoogleChrome nicht

[Crizzo]

Du solltest die Höhe auch hier rauslöschen:

Code: Alles auswählen

.headerbar {
    color: #FFFFFF;
    height: 150px;
    padding: 0 5px;
}

[niwes]

oh man die common hab ich total vergessen....

danke BlackHawk87 hast mir sehr geholfen
werde mir auch die Grundladen zu "float" und "clear" in ner ruhigen Minute nochmal richtig durchlesen...

super Support