Welcome to WebmasterWorld Guest from 54.145.58.37

Forum Moderators: incrediBILL

Message Too Old, No Replies

very weird alignment

using ultra simple code!

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

Full Member

10+ Year Member

joined:Feb 9, 2005
posts:228
votes: 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.

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

Full Member

10+ Year Member

joined:Nov 18, 2003
posts:202
votes: 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.
8:32 pm on May 24, 2006 (gmt 0)

Full Member

10+ Year Member

joined:Feb 9, 2005
posts:228
votes: 0


Works great, thanks!
 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members