<select> scrollbar (FF/Chrome problem)

Russinating

Russinating

Russinating

Soldato
Joined
27 Dec 2005
Posts
17,316
Location
Bristol
Yes, for once, IE is getting something right. I have a standard select box as a quick navigation with 21 items in.

IE7 shows all 21 items without a scrollbar when clicked - perfect. FF and Chrome both display 20 with a scrollbar to reach the last in the last. Seems very odd and after much Googling I'm none the wiser as to how to fix this.

Thanks in advance :)
 
jonesmillbank.com

Code: 
<?$url = $_SERVER["SERVER_NAME"];?>
<form id="quickjump" action="../">
<select onchange="window.open(this.options[this.selectedIndex].value,'_top')" size="1">
    <option value="">Quick Navigation</option>
    <option value="<?$url?>">Home</option>
    <option value="<?$url?>/about/">About</option>
    <option value="<?$url?>/contact/">Contact</option>
    <option value="<?$url?>/film-and-video/">Film and video</option>
	<option value="<?$url?>/film-and-video/corporate/">&nbsp;&nbsp;&nbsp;Corporate</option>
	<option value="<?$url?>/film-and-video/promotional/">&nbsp;&nbsp;&nbsp;Promotional</option>
	<option value="<?$url?>/film-and-video/weddings/">&nbsp;&nbsp;&nbsp;Weddings</option>
	<option value="<?$url?>/web-design/">Web design</option>
	<option value="<?$url?>/web-design/portfolio/">&nbsp;&nbsp;&nbsp;Portfolio</option>
	<option value="<?$url?>/web-design/seo/">&nbsp;&nbsp;&nbsp;SEO</option>
	<option value="<?$url?>/copywriting/">Copywriting</option>
	<option value="<?$url?>/copywriting/services/">&nbsp;&nbsp;&nbsp;Services</option>
	<option value="<?$url?>/copywriting/coywriters/">&nbsp;&nbsp;&nbsp;Our Copywriters</option>
	<option value="<?$url?>/copywriting/pricing/">&nbsp;&nbsp;&nbsp;Pricing</option>
	<option value="<?$url?>/design/">Design</option>
	<option value="<?$url?>/design/services/">&nbsp;&nbsp;&nbsp;Services</option>
	<option value="<?$url?>/print/">Print</option>
	<option value="<?$url?>/photography/">Photography</option>
	<option value="<?$url?>/photography/services/">&nbsp;&nbsp;&nbsp;Services</option>
	<option value="<?$url?>/portfolio/">&nbsp;&nbsp;&nbsp;Portfolio</option>
</select>
</form>

On a side note, using window.open works fine, but it means you can't use the back button to go to the previous page. Is there an alternative?
 
Hmmm, if I remove the null title at the top and have each page show the page your on as the selected option then we may have a workaround (if it only effects lists with more than 20 options). Thanks for the research... my Google skills failed me this evening.
 
You must log in or register to reply here.
Back
Top Bottom