404

Design made in Germany

Deutsches Design

Float Problemchen


Design Magazin Design Agenturen Designer Design Weblogs Design Magazine Design Portale Design Communities Design Hochschulen Design Organisationen Design Ressourcen Design Shops Grafikdesigner Schriftdesigner Webdesigner Interfacedesigner Flashdesigner Motiondesigner Sounddesigner Fotodesigner 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

Kann mir jemand sagen, wieso hier:

http://www.superdeluxe.ch/mirko/border.html

Der Border von Container nicht gezeigt wird...
Irgend eine Idee?

iE funktioniert. :-(


Deutsches Design: Float Problemchen

Entweder du gibts diesem Container eine Höhe oder aber du setzt ganz am Ende dieses Containers noch ein DIV mit clear: both; rein.

[code]
<div style='clear: both;'></div>
</div>
</body>
</html>
[/code]


ich denke das mit dem clear wäre am besten. wobei man floats immer am ende "clearen" sollte ... css weisheit :hehe


clear:both; ist im Footer drin. Also am Ende.

Mein Problem ist, dass der Gelbe border um das div "container" (enthält die divs "left", "content" und "right" ..alle gefloatet) nicht korrekt dargestellt wird. Im iE schon, Firefox macht nicht mit. Also vermute ich ein Problem beim Float....


zwei grundsätze:

1. in 99% der fälle macht es der firefox richtig und der ie falsch
2. 90% der css-probleme bestehen aus einem float-problem und lassen sich mit einem clear:both; lösen.

beide grundsätze treffen in diesem fall zu. ;)

also so wie schon vorher geraten wurde... clear:both; rein! probiers einfach. du hast 2x float, also brauchst du auch 2x clear.

ersetze diese zeilen:

[code]</div>
</body>
</html>[/code]
mit:

[code]<div style="clear: both;"></div>
</div>
</body>
</html>[/code]
dann klappts auch mit dem firefox. :)


iE funktioniert. :-(

das war noch nie ein argument! :)


«1. in 99% der fälle macht es der firefox richtig und der ie falsch»

Davon bin ich auch ausgegangen.... Ich habe vor lauter Gucken auf die Floats den zweiten Float vergessen!

Danke für den Hinweis!


Seitentitel: Float Problemchen