Jump to content

CSS horizontal menu problem in FireFox


~jc
 Share

Recommended Posts

Hi there,Wondering if anyone has any idea why my first item on the [ul] list got pushed up as below when displayed in FireFox:css.gifwhile it looks fine in IE??ie.gifAny suggestions would be greatly appreciated! (see both CSS & HTML codes below)Thanks!!JudyCSS codes for the horizontal menu:

#simplemenu ul{width:100%;padding-left:0px;margin-top:135px;margin-left:0px;list-style-type:none;position:absolute;}#simplemenu a{float:left;width:170px;text-decoration:none;color:white;background-color:#000000;padding:0 0 1px 3px;border-right:1px solid white;border-top:1px solid white;}#simplemenu a:hover {background-color:#595959;}li {display:inline;}#simplemenu #current a {background-color:#0080c0;}#simplemenu #filmtour a {color:#ff8000;}

Html:

<div id="simplemenu"><ul><li id="current"><a href="index.html" title="Home">Home</a></li><li id="filmtour"><a href="otg/intro.html" title="Warren Miller's OFF THE GRID">Warren Miller's OFF THE GRID</a></li><li><a href="prize_palace/bi_weekly.html" title="Prize Palace">Prize Palace</a></li><li><a href="warren_s_journal/intro.html" title="E-Zine">E-Zine</a></li>	<li><a href="interactive/intro.html" title="Interactive-Mutlimedia">Interactive-Multimedia</a></li><li><a href="snow_reports/canada.html" title="Snow Reports">Snow Reports</a></li><li><a href="press_media/press_release.html" title="Press Area">Press Area-Stock Footage</a></li><li><a href="about_warren_miller/intro.html" title="About Warren Miller">About Warren Miller</a></li><li><a href="travel_guide/intro.html" title="Travel Guide">Travel Guide</a></li><li><a href="http://actionsportflicks.com/shopaff.asp?affid=19" title="Shop Warren Miller" target="_blank">Shop Warren Miller</a></li><li><a href="register/index.html" title="Subscribe Newsletter">Subscribe Newsletter</a></li></ul></div>

Link to comment
Share on other sites

From what I see it's not the list being pushed up. It's the alignment of the table cell next to it being aligned differently. Please add the rest of the code, so we can help you with this.
Here's the rest... (I'm testing out different layout templates, therefore I don't have much page content) Thanks a bunch!JudyLiquid layout CSS:
body{margin:20; 9; 0; 9;padding:0;line-height: 1.5em;font: 12px Tahoma;background-image: url('../images/greybg.gif');background-repeat: repeat}b{font-size: 110%;}em{color: red;}#header{clear: both;width: 100%;background: #6f6f37;height: 15px;}#topsection{background: #ffffff;height: 195px; /*Height of top section*/}#rightcolumnwrapper{float: right;width: 100%;margin-left: -830px; /*Set left margin to -(leftColumnWidth + RightColumnWidth)*/}#rightcolumn{margin-left: 830px; /*Set left margin to (leftColumnWidth + RightColumnWidth)*/background: #ffffff;}#leftcolumn{float: left;width: 230px; /*Width of left column in pixels*/background: #C8FC98;}#content{float: left;width: 600px; /*Width of content in pixels*/background: #FDE95E;}#footer{clear: both;width: 100%;background: black;color: #ffffff;text-align: center;padding: 4px 0;}#footer a{color: #FFFF80;}.innertube{margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/margin-top: 10;margin-bottom: 10;}

Complete HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Skitheworld Productions :: Canadian distributor of WARREN MILLER ENTERTAINMENT</title>	<meta name="keywords" content="Warren Miller, Skiing, ski the world, Warren Miller ski the world, off the grid,higher ground, impact, ski reports, snowboarding, RIDE, ski photos, canadian skiing, skiing in canada ski, skiing, snowboarding, extreme, ski films, gear, snowreport, skiing videos, skiing books, snow, resorts, mountains, big air, skiing ezine, snowboarding ezine, films.">		<meta name="description" content="Skitheworld.com is the official site for Warren Miller events in Canada. The site includes Film Showtimes, a Snow Report, the Snowrider E-Zine and Gear Review as well as much more."><link href="style/style.css" rel="stylesheet" type="text/css" /><link href="style/layout.css" rel="stylesheet" type="text/css" /><link href="style/topmenu00.css" rel="stylesheet" type="text/css" /><script src="js/equalcolumns.js" type="text/javascript"></script></head><body><div id="maincontainer"><div id="topsection"><div class="innertube">		<!-- STW LOGO BEGINS--><div style="position:absolute; left:2px; top:15px"><a href="index.html"><img alt="" border="0" src="images/stwlogo.gif" width="380" height="126" /></a></div> <!-- STW LOGO ENDS-->			<!-- SPONSORS BEGINS--><div style="position:absolute; left:630px; top:15px"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="275" height="126"> <param name="movie" value="sponsors.swf" /> <param name="quality" value="high" /> <param name="bgcolor" value="#FFFFFF" /> <embed src="sponsors.swf" quality="high" bgcolor="#FFFFFF"  width="275" height="126" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></embed></object></div> <!-- SPONSORS ENDS--><!-- TOP MENU BEGINS--><div id="simplemenu"><ul><li id="current"><a href="index.html" title="Home">Home</a></li><li id="filmtour"><a href="otg/intro.html" title="Warren Miller's OFF THE GRID">Warren Miller's OFF THE GRID</a></li><li><a href="prize_palace/bi_weekly.html" title="Prize Palace">Prize Palace</a></li><li><a href="warren_s_journal/intro.html" title="E-Zine">E-Zine</a></li>	<li><a href="interactive/intro.html" title="Interactive-Mutlimedia">Interactive-Multimedia</a></li><li><a href="snow_reports/canada.html" title="Snow Reports">Snow Reports</a></li><li><a href="press_media/press_release.html" title="Press Area">Press Area-Stock Footage</a></li><li><a href="about_warren_miller/intro.html" title="About Warren Miller">About Warren Miller</a></li><li><a href="travel_guide/intro.html" title="Travel Guide">Travel Guide</a></li><li><a href="http://actionsportflicks.com/shopaff.asp?affid=19" title="Shop Warren Miller" target="_blank">Shop Warren Miller</a></li><li><a href="register/index.html" title="Subscribe Newsletter">Subscribe Newsletter</a></li></ul></div><!-- TOP MENU ENDS--></div></div><div id="leftcolumn"><div class="innertube"><b>Left Column: <em>230px</em></b></div></div><div id="content"><div class="innertube"><b>Content Column: <em>600px</em></b></div></div><div id="rightcolumnwrapper"><div id="rightcolumn"> <div class="innertube"></div></div></div><div id="footer"><a href="">Skitheworld.com</a></div></div></body></html>

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...