Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.
- Friends
-
Weird problem i have with positioning form fields.
HTML:
<div id="userpanel">
PHP Code (Login)
</div>
CSS:
#userpanel {
margin-top: 0px;
position: absolute;
left: 200px;
padding-top: 0px;
}
Everything in that div stays at the top except my form fields. Now here is the tricky part :)
That is because i have specified an height for the form fields, if i dont do that the fields will stay at the top.
I have a navigation bar horisontally with a height at 10px so i had to say that my form fields are 10px high as well. But it makes my fields go below the top by a few pixels.
Any reason why ?
My form field is written like this:
<input style="width:70px; height: 10px; type="text" maxlength="30" name="name" id="edit-name" size="15" value="" tabindex="1" /> -
Update:
In Firefox it works but not in IE. The fields gets pushed down a few pixels. -
Found out the problem. Its an IE7 bug so i had to use display:block but then my form doesnt get horisontal :(
-
input {
border:0;
margin:0;
}
1 to 4 of 4