[css]combinatie van justify, cursief en overflow in IE - Softwareontwikkeling

zondag 6 juli 2003 23:32

Acties:

Topicstarter

Laat ik maar gelijk met een lap code beginnen:

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
 <title>Korse.NL</title>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <style type="text/css">
 body, td {
    font-family: arial, verdana, ms sans-serif;
    font-size: 10pt;
    }
 body {
    margin: 0px;
    background-color: #000;
    }

 #Content {
    background-color: #EEE;
    position: absolute;
    width: 500px;
    height: 200px;
    left: 150px;
    bottom: 50px;
    overflow: auto;
    border: 1px solid #000;
    text-align: justify;
    padding: 1px 3px;
    font-style: italic;
    }

 </style>
</head>

<body>

<div id="Content">
    Dit is zomaar wat tekst die ik type zodat ik een voorbeeldje heb van wat er mis gaat<br />
    <br />
    Dit is zomaar wat tekst die ik type zodat ik een voorbeeldje heb van wat er mis gaat<br />
    <br />
    Dit is zomaar wat tekst die ik type zodat ik een voorbeeldje heb van wat er mis gaat<br />
    <br />
    Dit is zomaar wat tekst die ik type zodat ik een voorbeeldje heb van wat er mis gaat<br />
    <br />
    Dit is zomaar wat tekst die ik type zodat ik een voorbeeldje heb van wat er mis gaat<br />
    <br />
    Dit is zomaar wat tekst die ik type zodat ik een voorbeeldje heb van wat er mis gaat<br />
    <br />
    Dit is zomaar wat tekst die ik type zodat ik een voorbeeldje heb van wat er mis gaat<br />
    <br />
</div>

</body>
</html>

de combinatie van overflow: auto;, text-align: justify; en font-style: italic; levert in IE naast de gewenste verticale scrollbalk ook een ongewenste horizontale op. Als ik de tekst niet-cursief maak, of text-align op left zet, dan verdwijnt ie weer. Kennelijk een bugje in IE. Weet iemand misschien een work-around? want het staat zo lelijk, twee van die scrollbalken

zondag 6 juli 2003 23:36

Acties: