[IE6] textarea pakt 2px teveel - Softwareontwikkeling

donderdag 5 februari 2004 20:04

Acties:

Topicstarter

klik hier:
http://www.doeds.com/test/ie6textareabug.html

Op IE6 zie je een rood lijntje dat er op alle andere browsers die ik getest heb ((Mac)IE5.x, Mozilla, Safari) er niet is. Is hier een oplossing voor waar het woord "tabel" niet in voorkomt?

code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
                      "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <style>
            body  {
                background-color:#000;
                margin:0px;
            }
            
            .r {
                width:75%;
                height:100px;
                background-color:#F00;
            }
            
            .c {
                width:100%;
                height:90px;
                background-color:#00F;
            }
            
            .t {
                width:100%;
                height:90px;
                background-color:#FFF;
                border-width: 0px;
            }
        </style>
    </head>
    <body>
        <div class="r">
            <div class="c">
                <textarea class="t">zie dat rooie 
                lijntje moet weg!</textarea>
            </div>
            <div class="c">

            </div>
        </div>
    </body>
</html>

[edit]

tsja je kunt wel een "c2" aanmaken:

code:

.c2 {
                width:100%;
                height:88px;
                background-color:#00F;
                border: #00F solid 1px;
            }

maar ik zie al dat deze sterk versimpelde versie van het uitlijningsprobleem waar ik al de hele dag mee loop te kloten de werkelijke situatie niet geheel dekt.

[ Voor 52% gewijzigd door Genoil op 05-02-2004 21:10 ]

vrijdag 6 februari 2004 00:01

Acties:

SchizoDuckie

Kwaak

zoek eens hier op got op box model

Stop uploading passwords to Github!

vrijdag 6 februari 2004 08:30

Acties:

crisp

Devver

Pixelated

Papa Eend schreef op 06 februari 2004 @ 00:01:
zoek eens hier op got op box model

ik zie geen paddings of borders dus dat kan het probleem niet zijn; daarbij zal IE6 in strict mode ook het w3c model gebruiken.
Ik vermoed een probleem met whitespace in de div met de textarea; een textarea is immers geen blocklevel element.

Intentionally left blank

vrijdag 6 februari 2004 08:58

Acties:

André

Analytics dude

En als je in de .t class dit toevoegt:

Cascading Stylesheet:

1	padding: 0px 0px 0px 0px;

Gaat bij mij goed.

[ Voor 12% gewijzigd door André op 06-02-2004 09:00 ]

vrijdag 6 februari 2004 09:31

Acties:

Genoil

Topicstarter

André schreef op 06 februari 2004 @ 08:58:
En als je in de .t class dit toevoegt:
Cascading Stylesheet:
1
padding: 0px 0px 0px 0px;
Gaat bij mij goed.

Ja dat is 'em! Thx! Krijg ineens zo'n deja vu gevoel...