Textgröße von select wird beim Aufmachen größer
Pete
- css
Hallo,
ich habe folgeden Code (Auszug):
<select name="textmenu" size="1" onChange="newText(this.form.textmenu.options[this.form.textmenu.selectedIndex].value)">
<option value="">Text einfügen</option>
<option value="">------------------------</option>
<option value="headline">Überschrift</option>
<option value="pict">Bild</option>
<option value="text">Text</option>
<option value="">------------------------</option>
<option value="breakline">Zeilenumbruch</option>
<option value="leerzeile">Leerzeile</option>
</select>
und folgenden css-code:
/* General Styles*/
option { color:#444444; font-family: Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; font-weight:normal; }
select { color:#444444; font-family: Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; font-weight:normal; }
body { color:#444444; font-family: Arial, Helvetica, sans-serif; font-size:11px; text-decoration: none; font-weight:normal; padding:0px; margin-left:20px; margin-right:20px; margin-top:4px; margin-bottom:0px }
So, im Ungeklickten Zustand stellt der IE unter OSX alles prima dar. Klicke ich darauf und das select wird ausgeklappt, dann werden die options alle deutlich größer dargestellt. ???
Unter Firefox, Safari klappts.
Hat jemand einen Tipp auf Lager?
Pete
Hallo Pete,
Kannst Du das zum Testen mal irgenwo hochladen?
TomIRL
Hallo Pete,
Kannst Du das zum Testen mal irgenwo hochladen?
HIer die vereinfachte Seite mit dem gleichen Bug:
#########################################
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>head</title>
<style type="text/css">
option { color:#444444; font-family: Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; font-weight:normal; }
select { color:#444444; font-family: Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; font-weight:normal; }
</style>
</head>
<body bgcolor="#FFE142">
<table width="100%" border="0" cellspacing="0" cellpadding="5">
<tr><td>
<form name="subnavForm" action="">
<select name="textmenu" size="1" onChange="">
<option value="">Text einfügen</option>
<option value="">------------------------</option>
<option value="headline">Überschrift</option>
<option value="pict">Bild</option>
<option value="text">Text</option>
<option value="">------------------------</option>
<option value="breakline">Zeilenumbruch</option>
<option value="leerzeile">Leerzeile</option>
</select>
</form>
</td>
</tr>
</table>
</body>
</html>
#######################################
Pete