Jump to content

FF won't align right


aspnetguy

Recommended Posts

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 by aspnetguy
Link to comment
Share on other sites

don't feel like an idiot iam not even sure what you asking lol ?!?

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

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
×
×
  • Create New...