margin funktioniert nach float nich

[Sinane]

Huhu,

ich hab da ein kleines Problem, ich schreibe an einem Design, das jetzt leider nicht mehr so möchte wie ich...



Zwischen den drei Boxen und dem Footer soll eigentlich, wie überall, ein Abstand von 3px sein, aber margin: 3px auto; funktioniert nicht... :'(

Kann mir bitte jemand helfen, herauszufinden, was ich da ändern muss?


GRUß Sinane

 

[Doitsu]

AW: margin funktioniert nach float nich

Margin in einem float-Model ist immer so eine Sache - gibt meistens nur probleme.
Nimm das float aus dem footer raus und pack zwischen deine Menue-divs & dem Footer ein leeres div mit clear & height.

<div style="clear: both; height: 3px; font-size: 1px; line-height: 1px;">&nbsp;</div>

Die hoehe ersetzt dann den Marginwert, der clear sorgt fuer die richtige Position & die line-height und font-size muss man drin haben weil sonst der Inhalt (das Leerzeichen) die groesse des div ueberschreiten wuerde.

Alternativ koenntest du um die 3 Spalten auch ein wrapper machen. Einen cleaner brauchst du nicht wirklich, weil die Breite & hoehe voll ausgenutzt wird.

 

[anoX]

AW: margin funktioniert nach float nich

Nimm das clear aus dem footer und pack in deine css-datei folgendes:

.clear {
   clear:left;
   float:none;
   height:0;
   line-height:0.0em
}

Vor deinem Footer packst Du dann in die .html das hier:

<div class="clear"></div>

 

[Maschmo]

AW: margin funktioniert nach float nich

nach div.menu3 benötigst du eine css klasse
die den style
clear: both; hat!!! Das braucht man eingentlich immer!

 

[Sinane]

AW: margin funktioniert nach float nich

Danke euch allen! Ich hab nun die Methode von Doitsu genommen (den Wrapper drumrum), ich find' das sieht im HTML am übersichtlichsten aus.


GRUß Sinane