homepage Welcome to WebmasterWorld Guest from 54.226.0.225
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Browsers / Firefox Browser Usage and Support
Forum Library, Charter, Moderators: incrediBILL

Firefox Browser Usage and Support Forum

    
very weird alignment
using ultra simple code!
tata668




msg:1587432
 3:13 am on May 24, 2006 (gmt 0)

It couldn't be more simple: a select followed by a submit button.. They do not align nicely in Firefox!

Please someone explain me that behavior!


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
</head>
<body>
<form>
<select style="height:50px;">
<option>abc</option>
</select>
<input type="submit" value="abc" style="height:50px;" />
</form>
</body>
</html>

It is perfect in Opera.

 

asquithea




msg:1587433
 7:03 pm on May 24, 2006 (gmt 0)

Try:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<body>
<form>
<select style="height:50px; vertical-align: text-bottom; ">
<option>abc</option>
</select>
<input type="submit" value="abc" style="height:50px; vertical-align: text-bottom;" />
</form>
</body>
</html>

I notice that IE ignores the height style on the <select> tag, though, so you may want to re-think this design.

tata668




msg:1587434
 8:32 pm on May 24, 2006 (gmt 0)

Works great, thanks!

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Browsers / Firefox Browser Usage and Support
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved