aspnetguy Posted June 6, 2006 Share Posted June 6, 2006 (edited) I have run into this problem before but chose to ignore it but this time I really need this to work.It works in IE but FF won't align the navigation menu to the right.The words "align me to the right" should do just that but will not in FF.XHTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html><head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link rel="stylesheet" type="text/css" href="ecbb.css"/></head><body> <div id="wrapper"> <div id="logo"><img src="logo.gif" alt=""/></div> <div id="top"> </div> <div id="navigation"> align me to the right </div> <div id="middle"> <div id="left"> left </div> <div id="right"> right </div> <br class="clearer"/> </div> <div id="bottom"> ©2006 </div> </div></body></html> CSS html, body { font-family: verdana, arial, sans-serif; background: url(body_bg.gif); } #wrapper { background: #fff; width: 625px; margin: 50px auto; border: 1px solid #818181; } #top { width: 100%; height: 147px; background: url(banner.jpg) no-repeat; } #logo { padding: 5px 0px 0px 5px; border-bottom: 1px solid #818181; } #bottom { font-size: 10px; padding: 5px; text-align: center; background: #fff; color: #818181; border-top: 1px solid #818181; } #navigation { font-size: 0.9em; padding: 5px; text-align: right: width: 100%; } #middle { padding: 0px; margin: 0px; border-top: 1px solid #818181; font-size: 0.9em; background: url(middle_bg.gif) repeat-y; } #middle #left { width: 150px; padding: 10px; float: left; margin: 0px; } #middle #right { width: 435px; padding: 10px; float: left; margin: 0px; } .clearer { clear: left; } EDIT: Nevermind I found the trouble. Thanks anyway. Edited June 6, 2006 by aspnetguy Link to comment Share on other sites More sharing options...
dcole.ath.cx Posted June 6, 2006 Share Posted June 6, 2006 was it just that you put : and you needed ; Link to comment Share on other sites More sharing options...
aspnetguy Posted June 6, 2006 Author Share Posted June 6, 2006 was it just that you put : and you needed ;<{POST_SNAPBACK}> Yes...let's just keep that between you an me :)Sometimes I feel like such an idiot when it is something dumb like that Link to comment Share on other sites More sharing options...
thewindmaker Posted June 8, 2006 Share Posted June 8, 2006 don't feel like an idiot iam not even sure what you asking lol ?!? Link to comment Share on other sites More sharing options...
aspnetguy Posted June 8, 2006 Author Share Posted June 8, 2006 don't feel like an idiot iam not even sure what you asking lol ?!?<{POST_SNAPBACK}> I was using text-align:right to push my menu to the right side of the page but it wasn't working.Instead of having text-align:right; I had text-align:right:stupid typo Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now