✔ CSS float: none, wie bekomme ich den Rand weg?

[drburns]

Hallo,

ich habe ein Problem mit einem Rand, der im Internet Explorer entsteht, wenn ich float: none; verwende (siehe: http://www.arrangoo.de/css_columns.html). Unter Netscape funktioniert es!
Zwischen Logo und Banner bleibt ein weißer Zwischenraum. Und zwischen Banner und Settings auch. Wenn ich im DIV Banner, das float: none; durch float: left; ersetze verschwindet zwar der Rand, aber DIV Banner breitet sich nicht mehr nach beiden Seiten aus und es entsteht ein rechter Rand im DIV Banner (siehe: http://www.arrangoo.de/css_columns2.html).
Meine Frage nun, wie kann ich eine feste linke Spalte, eine feste rechte Spalte und einen sich anpassenden Bereich in der Mitte nahtlos aneinander bekommen (im Internet Explorer)?

Danke schonmal im Voraus!

DrBurns

 

[Quaese]

Hi,

der IE fügt zwischen Elemente, die mit float direkt nebeneinander positioniert werden,
eine Lücke von 3 Pixeln ein. Um diese zu schliessen, bedarf es eines CSS-Filters. Angaben
hinter diesem Filter werden nur vom IE interpretiert. Er wird mit *html eingeleitet. Mit
margin-right: -3px bzw. margin-left: -3px werden die Aussenabstände zum nächsten
Element entsprechend angepasst.

In Deinem Fall sieht das folgendermassen aus:

#logo { float:left;
        width:200px;
        height:80px;
        background-color: #DDDDDD;}
*html #logo{ margin-right: -3px;}

#settings { float:right;
            width:10em;
            background-color: #DDDDDD;}
*html #settings{ margin-left: -3px;}

Ciao
Quaese

 

[drburns]

Danke!

Super, danke,

jetzt funktionierts!

DrBurns