IE6 and CSS.... [sort of solved]

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
SpiderMonkey
Forum Commoner
Posts: 85
Joined: Fri May 05, 2006 4:48 am

IE6 and CSS.... [sort of solved]

Post by SpiderMonkey »

I've just seen what IE 6 does to my website :cry:

Theres a number of problems, but only one which really impedes the funciton of the site:

Code: Select all

<ul class="formlist">
	<li class="addr"><label>Address:<textarea class="bigtextbox" cols="20" rows="4" name="inv_addr1"></textarea></label></li>
	<li class="forminput"><label>Post/Zip code:<input class="textbox" name="inv_zip" size="20"></label></li>
        <li class="forminput"><label>Country:<input class="textbox" name="inv_country" size="20"></label></li>
	<li class="formheader">If you have a VAT number, please fill it in below. Otherwise, leave this box empty. This is only for customers in the EU.</li>
	<li class="forminput"><label>VAT no.:<input class="textbox" id="taxidno" name="taxidno" size="20" onKeyUp="updateVAT()" disabled="disabled"></label></li>
      </ul>
And the relevant part of the stylesheet:

Code: Select all

ul.formlist {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

li.forminput {
    color: #106010;
    font-size: 10pt;
    min-height: 25px;
    margin: 2px;
}

li.formheader {
    color: #106010;
    font-size: 10pt;
    margin: 10px 2px 2px 2px;
}

li.radiobutton {
    color: #106010;
    font-size: 10pt;
    margin: 2px;
}

li.addr {
    color: #106010;
    font-size: 10pt;
    margin: 2px;
    min-height: 80px;
}

input.textbox {
    position: absolute;
    right: 0px;
}

textarea.bigtextbox {
    position: absolute;
right: 0px;
}
This displays fine in Safari and Firefox, but in Internet Explorer the text boxes are squashed together vertically.

UPDATE: Tried changing the min-height in li.addr to height but this has no effect.

UPDATE2: I added in a <br> after the textfield and it displays acceptably... I don't like using a tag like that to make the layout work but meh.
Post Reply