Welcome to WebmasterWorld Guest from 54.144.243.34

Forum Moderators: incrediBILL

very weird alignment

using ultra simple code!

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

10+ Year Member



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)

10+ Year Member



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)

10+ Year Member



Works great, thanks!
 

Featured Threads

My Threads

Hot Threads This Week

Hot Threads This Month