ie6 not rendering signup form correctly
newbie
Posted: Tue, 2008-05-13 00:04
in ie 6 the inputboxes are not styling correctly and when i remove the [input=text] it does but it shifts the banner ad i have on the page down....
css code....
.plform p{
clear: left;
margin: 0;
padding: 1px 0 1px 0;
padding-left: 80px; /*width of left column containing the label elements*/
height: 1%;
}
.plform label{
float: left;
color: #555;
margin-left: -80px; /*width of left column*/
width: 80px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}
.plform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
border:1px solid #bdc7d8;
font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
font-size:11px;
padding:3px;html
<div id="regbox">
First 150 signups receive free full membership for life
<form method="get">
<div class="plform">
<input type="hidden" name="L" value="registration.register" />
<p><label class="label">First Name:</label><input class="inputtext" name="fname" value="" /></p>
<p><label>Last Name:</label><input type="text" class="inputtext" id="lname" name="lname" value="" /></p>
<p><label>Business Name:</label><input type="text" class="inputtext" id="bname" name="bname" value="" /></p>
<p><label></label><input type="submit" class="signup" name="submit" value="Sign Up" /></p>
</div>
</form>
</div>
</div>
<div id="ads">
<img src="banner/banner1.gif" />
</div>
Moderator
Posts: 5672
Joined: 2005-02-22
IE6 doesn't understand
Posted: Tue, 2008-05-13 00:18
IE6 doesn't understand [type="text"]. You are better of adding a class="text" to the html and referencing it with a "input.text" selector in the CSS.
On Having Layout | The One True Layout | menus by listamatic
newbie
Posts: 2
Joined: 2008-05-12
yea i tried that but when i
Posted: Tue, 2008-05-13 00:43
yea i tried that but when i do that it makes my banner drop down below the form