XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   (X)HTML (http://xhtmlforum.de/forumdisplay.php?f=72)
-   -   IE6: 3px Bug in Paragraph (http://xhtmlforum.de/showthread.php?t=63693)

0xBAADFEED 04.02.2011 14:39

IE6: 3px Bug in Paragraph
 
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 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.)

0xBAADFEED 04.02.2011 15:39

Hallo fricca,

... faszinierend! :mrgreen:

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

Danke nochmals! :happy:

fricca 04.02.2011 15:47

Es glaubt immer keiner, aber es reicht wirklich visible.


Alle Zeitangaben in WEZ +2. Es ist jetzt 02:11 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2020, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2020