✔ IE Problem DoupledMargin?

[Malaxo]

Ich weiss nicht obe es zu diesem Thema passt:
http://www.positioniseverything.net/explorer/doubled-margin.html
aber bekomm es auch so nicht weg.

CSS im Anhang als .txt
Das HTML

<div id="container">
			<div id="header"></div>
			<div id="content">
				<div id="content_t"></div>
				<div id="content_m">
					<div id="content_bg">
						<div id="content_text">
							<p>text</p><p>text</p><p>text</p><p>text</p>
						</div>
					</div>
				</div>
				<div id="content_b"></div>
			</div>
			<div id="box_content">
				<div class="box">
					<div class="box_t"></div>
					<div class="box_m">
						<p>text</p><p>text</p><p>text</p><p>text</p>
					</div>
					<div class="box_b"></div>
				</div>
				<div class="box">
					<div class="box_t"></div>
					<div class="box_m">
						<p>text</p><p>text</p><p>text</p><p>text</p>
					</div>
					<div class="box_b"></div>
				</div>
			</div>
			<div class="clear"></div>
			<div id="footer"></div>
		</div>

Bild IE 6: es macht mir da immer solche abstände rein. Wenn ich im CSS bei ".box_b" und bei "#content_b" die höhe ganz lösche funktioniert es.

Bild FF: so sollte es aussehen.

Die CSS ist ziemlich unordentlich - sorry ich reinige diese immer erst am schluss (auch nicht gerade die beste arbeitsmethodik)

Wie kann ich das beheben?

 

[Maik]

Hi,

hier liegt kein "Doubled Float-Margin Bug" vor, denn dieser tritt nur in horizontaler Richtung bei floatenden Boxen auf.

Die Lücken schliesst du mit overflow:hidden, da der IE6 hier einen Platzhalter einfügt, der sich an der globalen Schriftgröße orientiert, die höher als 8px ist.

#content_b {
	height: 8px;
	background-image: url(design_pics/content_bottom.jpg);
	background-repeat: no-repeat;
        overflow:hidden;
}

...

.box_b{
	height: 8px;
	background-image: url(design_pics/box_bottom.jpg);
	background-repeat: no-repeat;
        overflow:hidden;
}

mfg Maik

 

[Malaxo]

Dacht ich mir schon das dies kein DoupledMargin Bug ist.

da der IE6 hier einen Platzhalter einfügt, der sich an der globalen Schriftgröße orientiert, die höher als 8px ist.

Heisst das, der IE6 wollte mitdenken hat mich aber falsch verstanden? Wäre ja eigentlich nicht so dumm das der IE das machen wollte oder?


Danke es funktioniert jetzt.

 

[Maik]

Weiß nicht, ob man das "Mitdenken" nennen kann bzw. soll, wenn der IE6 den Block höher darstellt, wie erwünscht :suspekt:

mfg Maik

 

[Malaxo]

Stimmt.

Naja IE halt was will man da noch hinterfragen.


Danke jedenfalls