style van keuzelijst

[peba25]

Hallo,

Ik maak gebruik van onderstaande keuze/selectie lijst op m'n webpagina. In Firefox wordt de afmeting van de lijst zo aangepast dat deze de teksten prima weergeeft. Nu doet IE dat aanpassen van de breedte niet, waardoor de selecties niet helemaal weergegeven worden. Is dit op te lossen met css???


Iemand suggesties?

<script language="JavaScript" type="text/javascript"> 
function OnGoMenuFormLink(GoList)
{
   var url = GoList.options[GoList.selectedIndex].value;
   var target = GoList.options[GoList.selectedIndex].className;
   GoList.selectedIndex=0;
   GoList.blur();
   if (url)
   {
      NewWin=window.open(url,target);
      window['NewWin'].focus()
   }
}
</script>

<form name="GoMenuForm1" action="">
<select name="GoMenu" onchange="OnGoMenuFormLink(this)" style="position:absolute;left:317px;top:60px;width:135px;height:25px;background-color:#D2D2D2;font-family:Arial;font-weight:bold;font-size:16px;z-index:12">
<option selected>QUICK CHART</option>
<option class="_self" value="http://83.2xxx/panelpc_timeplots1.html">Voltage/ Current/ Frequentie</option>
<option class="_self" value="http://83.xxxx/panelpc_timeplots2.html">Real Power/Reactive Power/Apperent Power</option>
<option class="_self" value="http://83.23xxxxx/panelpc_timeplots3.html">Harmonics distortions</option>
<option class="_self" value="http://83.xxxx/panelpc_index.html">under construction</option>
</select>
</form>

 

[ReSpawNnL]

Wat je post is Javascript, declareer jij ergens in je stylesheet de width voor een select box apart of staat deze er niet in (eg: width: auto?

 

[peba25]

Wat je post is Javascript, declareer jij ergens in je stylesheet de width voor een select box apart of staat deze er niet in (eg: width: auto?

Bedankt voor je reaktie.

Ja, het klopt dat ik width niet op auto heb omdat ik de de eerste regel een breedte van 135px wil toe kennen en zodra de lijst geopend wordt de breedte van de keuzelijst de afmeting van de text aanneemt... hopelijk enigsins duidelijk?

 

[csshunter]

Hou peba25,
Ik zie het probleem. Het stylen van Form´s hoort tot de moeilijkste dingen in css, want de verschillende browsers hebben daar zo hun eigen opvattingen over...
Heb het even geprobeerd door o.a. een eigen "harde breedte" op te geven voor de options, gecombineerd met { overflow: visible; } en ook met een extra { position: relative; } die IE wel eens vooruit wil branden, maar niets hielp. Het schijnt in IE niet te kunnen met css.

• Dan maar: kijk!

De eerste hit heeft toch wel een treffende gelijkenis met jouw vraag!
Via via even gekeken naar de korte javascript-oplossing, en die lijkt me wel de moeite waard om eens uit te proberen.

Succes!
Met vriendelijke groet,
CSShunter

 

[peba25]

Hou peba25,
Ik zie het probleem. Het stylen van Form´s hoort tot de moeilijkste dingen in css, want de verschillende browsers hebben daar zo hun eigen opvattingen over...
Heb het even geprobeerd door o.a. een eigen "harde breedte" op te geven voor de options, gecombineerd met { overflow: visible; } en ook met een extra { position: relative; } die IE wel eens vooruit wil branden, maar niets hielp. Het schijnt in IE niet te kunnen met css.

• Dan maar: kijk!

De eerste hit heeft toch wel een treffende gelijkenis met jouw vraag!
Via via even gekeken naar de korte javascript-oplossing, en die lijkt me wel de moeite waard om eens uit te proberen.

Succes!
Met vriendelijke groet,
CSShunter

Bedankt CSShunter!!! Dit is precies wat ik zoek!:thumb:

inderdaad niet helemaal css gerelateerd....