Abstand zwischen Floats Einstellungen

[Andreas]

Hi,

ich bastel zur Zeit an einem Layout und bekomme aus irgendeinem Grund einen ca. 2 Pixel breiten Abstand zwischen 3 Floats nicht weg. Kann man hier bewundern (die Farben und Rahmen sind nur zur Illustration der jeweiligen Boxen): http://web209.can12.de/spa30/home.php

Im gelben Bereich floatet links die rote Box, rechts die grüne Box und die Mitte wird von der grauen Box gefüllt. Der Firefox ordnet das alles nahtlos aneinander, der IE (sowohl 6 als auch 7) macht diesen putzigen Abstand - und ich weiß nicht warum. Paddings und Margins habe ich schon komplett auf 0 gesetzt :-/

Gruß

Andreas

[Auge]

Der Firefox ordnet das alles nahtlos aneinander, der IE (sowohl 6 als auch 7) macht diesen putzigen Abstand - und ich weiß nicht warum. Paddings und Margins habe ich schon komplett auf 0 gesetzt :-/

Zuerst habe ich, ohne die Seite aufgerufen zu haben, an den "three pixel text jog" gedacht, aber der Abstand betrifft ja #block_links und #block_right. Könnte aber trotzdem damit zu tun haben.
Allerdings habe ich im CSS keine padding- und margin-Angaben für diese und das Element #block_mitte gefunden. Also nix mit "schon komplett auf 0 gesetzt".

QUELLTEXT

#block_links {
background: red;
width: 200px;
height: 250px;
float: left;
}

#block_rechts {
background: green;
width: 200px;
height: 250px;
float: right;
}

#block_mitte {
background: silver;
height: 400px;
overflow: auto;
}

*btw* Sind die Pipes "|" zwischen <ul> und <li> bzw. zwischen den <li>s überhaupt zulässig? Ich würde das mit li:after { content:"|"; } machen, auch wenn ich weiß, dass genau dieses Vorgehen vom MSIE vereitelt wird.

Nachtrag: Das Element #content soll genau so breit sein, wie das Element #menu_oben (Breite des Viewports mit margin-left und margin-right von 200px, also Breite des Viewports -400px)? Dann schaue mal genauer hin. Im MSIE ist #content etwas schmaler. Um es genau zu sagen, auf jeder Seite um 3 Pixel schmaler.

Also doch der oben genannte MSIE-Bug.

Tschö, Auge

Der Beitrag wurde von Auge bearbeitet: 16.07.2006 - 17:25