I use Fx 1.5.0.1 and Opera 9-prev2 and everything seems to be Ok. The
select it's inside a form, and my guess is that you haven't set any
padding/margin for that form, so try adding something like
FORM {
padding: 0;
margin: 0;
}
By the way, this questions should not be here, what Kim posted was a
really better place to post it: http://www.css-discuss.org
--having said that, I must confess I thought I was reading a message
from that list, so maybe you got confused as well?
William Stokes wrote:
I have a <select> menu on a header bar on my page. The header bar is 20px
high. The menu, code and style below, works ok on Opera but not in Ie6 or
Firefox. In these browsers the menu 'streches' the bar height so that the bg
image starts repeating itself. (looks nasty) It's almost like the menu
prints one 'invisble' or empty row beneath the menu so that the header bar
becomes about 30 or 35px high. Any ideas?
[···]
$sql="SELECT * FROM x_table ORDER BY sorter ASC";
$result=mysql_query($sql);
$num = mysql_num_rows($result);
$cur = 1;
print "<form name=\"form\">";
print "<select name=\"val_team\" size=\"1\" id=\"menu\"
onChange=\"javascript:goToURL()\">";
print "<option selected value=\"\">Valitse joukkue:</option>";
while ($num >= $cur) {
$row = mysql_fetch_array($result);
$jouk_nimi = $row["jouk_nimi"];
$team_id = $row["jouk_id"];
print "<option value=\"index.php?team=$team_id\">$jouk_nimi</option>";
$cur++;
}
print "</select>";
print "</form>";
StyleSheet:
#menu{
height: 18px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-align: left;
background-color: #CC0000;
BORDER-RIGHT: #FFFFFF 1px solid;
BORDER-TOP: #FFFFFF 1px solid;
BORDER-LEFT: #FFFFFF 1px solid;
BORDER-BOTTOM: #FFFFFF 1px solid;
COLOR: #FFFFFF;
}
--
Atentamente,
J. Rafael Salazar Magaña
Innox - Innovación Inteligente
Tel: +52 (33) 3615 5348 ext. 205 / 01 800 2-SOFTWARE
rsalazar@xxxxxxxxxxxx
http://www.innox.com.mx
--
PHP General Mailing List (http://www.php.net/)
To unsubscribe, visit: http://www.php.net/unsub.php
