On my computer, on every browser ive tested with. Opera 6.5, FF3, IE7, FF2, IE6 the navigation on my site (www.gamersinsaninty.com) appears perfectly like it should in the navigation image spot in the header. On other peoples computers (other members of the site) the navigation is sticking to the left of the main div. Here is my code. html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Gamers Insanity</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link href="/css.css" rel="stylesheet" type="text/css"> </head> <body> <div id="container"> <h1>Gamers Insanity. Theres no end to gaming!<span></span></h1> <ul class="nav"> <li><a href="/index.php">Home</a></li> <li><a href="/roster.php">Roster</a></li> <li><a href="/matches.php">Matches</a></li> <li><a href="/constitution.php">Constitution</a></li> <li><a href="/media.php">Media</a></li> <li><a href="http://forum.gamersinsaninty.com">Forums</a></li> <li><a href="/servers.php">Servers</a></li> <li><a href="/contact.php">Contact</a></li> </ul> <div id="main"> HTML: css * { margin:0; padding:0; } body { background-color:#901f1f; margin:0px; padding:0px; } #container { margin:0 auto; width:953px; height:auto; } #main { background:url(images/content.gif) repeat-y; width:953px; min-height:35px; padding-bottom:8pt; overflow:auto; } h1 { font-family:sans-serif; display:block; font-size:11pt; position:relative; width:953px; height:223px; } h1 span { position:absolute; display:block; width:953px; height:223px; background:url('images/header.gif') 0 0 no-repeat; top:0; left:0; } ul.nav { list-style-type:none; position:absolute; left:385px; top:15px; } ul.nav li { margin-right:2px; width:68px; float:left; text-align:center; } ul.nav a { color:#ead5d4; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8pt; font-weight:bold; } ul.nav a:hover { color:#ffffff; } Code (markup):
You need to make #container the containing block by adding {position: relative;}. See the specs. Make it a habit to read through the css specs on a regular basis. You may not grok it the first, or even the tenth time through, but you will eventually. As you understand why things happen, css will become less of a mystery. cheers, gary
thanks =] how does the site look in general thoug? is it a coding nightmare? also, why was this fine on my computer but not on other members?
I'm not the one to ask about aesthetics. The markup could be better, but I've seen a lot worse. Get rid of the inline styles; move them to the stylesheet. Be sure to proofread before publishing. Nothing looks worse than poor grammar or misspellings. (eg. "Tempary") Different window sizes would have caused the menu to appear at different distances from the container edge. cheers, gary
what inline styles do i have? if its in the news articles, it has to be inline, because that is inserted with a php script coming from a mysql database, not everyone would know the classes and ids for stuff there.