September 2, 200917 yr Ok a couple of questions cause I am getting to the point where I may put my head through the monitor. I was greatly helped by your “how to centre” thread and on my home page and it worked as wanted. I wanted the main body identical so I just copied and pasted the whole “basic layout” to 3 other notepads and re-named/titled to test the link’s. Good news they all linked “yay” but on the 3 links the layout increased by about 10% ???? Q1. Any idea why the pages do this (using same browser to test - FF) Q2. I went to test it in IE8 and everything but the main pic for the background appeared?? and the size increased again. I tested both HTML and CSS in W3 and both got green. Some of the code that is missing from IE is in bold: HTML <body> <div id="wrapper"> <div id="blackbg"></div> <div id="navbar"> <a href="staghome.html">Home</a> <a href="Itinerary.html">Itinerary</a> <a href="About.html">About</a> <a href="Details.html">Details</a> </div> <p id="footercentre"> © Copyright 2009 MDSWEB</p> </div> </body> CSS body { text-align:center; background-color:#000000; } #wrapper { margin: 0 auto; width: 1000px; text-align:left; } #blackbg { background: url("sean/blackbg.gif")no-repeat; visibility: visible; position: absolute; z-index: 1; width: 1000px; height: 650px; } If you need more info just ask. Hope someone can help. Torrix
September 5, 200917 yr Hi Torrix Without seeing the actual site it's a little harder to say why it's happening as the code looks reasonably fine. Here's a couple of suggestions / possibilities as to why it's doing this: 1. You may have an image in the page that's wider than 1000px 2. There's no need to use absolute positioning. If blackbg is just going at the top of the page, use this code for it: #blackbg { background: url("sean/blackbg.gif") no-repeat; margin: 0 auto; width: 1000px; height: 650px; } Like I say, without seeing the live pages it's hard to tell. Do you have any css set for your navgation? Cheers Mark
Create an account or sign in to comment