IE6: 3px Bug in Paragraph

#1 (**permalink**) 04.02.2011, 14:39

Hallo,

sitze gerade an einem XHTML Strict 1.0 Layout, bei dem der 3px Bug im IE6 zugeschlagen hat.

Die Ursache konnte ich jetzt bis zum text-align Attribut nachvollziehen; d.h. sobald ich aus justify in left oder right ändere, erscheinen die 3 Pixel im zweiten p-Tag nicht, nur bei justify.

Kennt sich jemand damit aus oder hatte evtl. schon mal dasselbe Problem?
Auf justify verzichten möchte ich wg. dem Layout nicht unbedingt und alles in ein p-Tag zu quetschen, funktioniert auch nicht.

HTML-Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Language" content="de" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
<!--
div#content {
	padding: 15px;
	width: 500px;
	background-color:#FF0;
}

div#content p {
	text-align: justify;	/* 3px Bug */
	background-color: #F0F;
}
-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
</head>
<body>
    <div  id="content"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae pharetra quam. Sed vel urna in sem aliquet scelerisque. Sed aliquet orci a mauris venenatis dignissim. Suspendisse bibendum, urna non mattis blandit, erat elit facilisis erat, congue reet vitae, auctor nec est. In hac habitasse platea dictumst. Cras dictum vestibulum sodales. Pellentesque rhoncus, tellus vitae porta condimentum, eros lacus interdum augue, in porttitor odio tortor quis eros. Duis pharetra pretium risus, at ornare felis hendrerit vel. Maecenas erat nibh, lobortis eget dignissim quis, ornare vel tellus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nec nisi quam.</p><p>Suspendisse venenatis nisl eu nisl congue tristique. Nam quis metus iaculis felis ultrices facilisis ut eu enim. In hac habitasse platea dictumst. Nullam adipiscing ipsum aliquam sem elementum tempor egestas leo ullamcorper. Fusce orci ligula, dapibus at feugiat at, imperdiet sit amet mi. Nulla varius lorem vitae augue sollicitudin eu congue ligula lacinia. Nunc quis dictum elit. Sed odio orci, molestie eu laoreet id, fringilla in velit. <em>Fusce ut purus leo, ut mollis odio. Quisque ullamcorper, tellus at varius lacinia, elit sapien laoreet felis, lobortis congue magna lorem vitae mi.</em></p></div>
</body>
</html>

Vorab schon mal Danke!

fricca · #2 (**permalink**) 04.02.2011, 14:52

Unter "3px-Bug" versteht man die Verschiebung neben Floats.
Was du hast ist der italics-Bug.
overflow:visible auf #content sollte helfen. (Ja, klingt bescheuert, ist aber wirklich so.)

#3 (**permalink**) 04.02.2011, 15:39

Hallo fricca,

... faszinierend!

Und ich dachte, ich hab mittlerweile alle IE6-Bugs durch!
overflow: hidden im div#content funktioniert perfekt!

Danke nochmals!

fricca · #4 (**permalink**) 04.02.2011, 15:47

Es glaubt immer keiner, aber es reicht wirklich visible.

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Problem mit einem 3D-Effekt	moep0710	CSS	12	12.06.2010 14:30
Welcher IE6 Bug ist das? UL-Float bei LI mit "height"	martinpet	CSS	5	20.08.2009 09:21
IE6 Bug mit Linkfarben?	ChOpSueY!	CSS	13	05.01.2008 22:28
[SOLVED]IE 3px float bug + faux coloums führt zu Bauchschmerzen.	Zen5656	CSS	1	02.10.2006 01:04
seltsamer IE6 bug ..?	puchne	CSS	6	14.04.2006 08:00