Hello, I am currently trying to code a layout I made for a friend, and it isn't going too well. I've never coded a layout before, but I do know alot of the functions of HTML and CSS. I am having two problems right now I can't seem to fix: 1) I put my layout together using <DIV> tags, and it looks 100% fine, but when I switch to a higher resolution it gets all messed up and nothing aligns right. Can you check my CSS code and see what I need to change to make it pretty much centered in any resolution? 2) I'm jtrying to use THIS image: img714.imageshack.us/img714/6057/bodymiddle.png And have it repeat itself down the middle of the page over and over as long as I need it for the content to fit and so the middle isn't an open window. img192.imageshack.us/img192/7691/contentn.png There is another screenie to show the area I want covered by that image. Here are my codes so you can see where I did wrong. HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Everlasting Sacred Path</title> <script type="text/javascript" src="java.js"></script> <link rel="stylesheet" type="text/css" href="style.css" /> <link rel="shortcut icon" href="images/flavicon.png" type="image/png" /> </head> <body> <div id="logo"><img src="images/esp.png"></div> <div id="navbar"><img src="images/navbar.png"></div> <div id="bodytop"><img src="images/bodytop.png"></div> <div id="topleft"><img src="images/topleft.png"></div> <div id="topright"><img src="images/topright.png"></div> <div id="navtop"><img src="images/navtop.png"></div> <div id="navbottom"><img src="images/navbottom.png"></div> <div id=home><a href="index.html" onmouseover="image1.src='images/home2.png';" onmouseout="image1.src='images/home1.png';"> <img name="image1" src="images/home1.png" border=0></a> </div> <div id=about><a href="about.html" onmouseover="image2.src='images/about2.png';" onmouseout="image2.src='images/about1.png';"> <img name="image2" src="images/about1.png" border=0></a></div> <div id=lore><a href="lore.html" onmouseover="image3.src='images/lore2.png';" onmouseout="image3.src='images/lore1.png';"> <img name="image3" src="images/lore1.png" border=0></a></div> <div id=alliance><a href="allies.html" onmouseover="image4.src='images/alliance2.png';" onmouseout="image4.src='images/alliance1.png';"> <img name="image4" src="images/alliance1.png" border=0></a></div> <div id=members><a href="members.html" onmouseover="image5.src='images/members2.png';" onmouseout="image5.src='images/members1.png';"> <img name="image5" src="images/members1.png" border=0></a></members></div> <div id=forums><a href="forums.html" onmouseover="image6.src='images/forums2.png';" onmouseout="image6.src='images/forums1.png';"> <img name="image6" src="images/forums1.png" border=0></a></div> <div id="content">About Our Guild the following rules and standards of conduct. Our rules and simple, and rely upon a certain degree of common sense and courtesy. If you are accepted into the guild, then chances are it is apparent that this is no issue for you. * No game cheats or exploits of any kind are allowed. Anyone found to be taking an unfair advantage through these means will be removed from the guild. Thankfully, Guild Wars is a game where this is not much of an issue, but should something arise, I do not want to see anyone in an ESP cape found taking advantage of a hack or exploiting a bug in the game for the purpose of self advancement. The Everlasting Sacred Path Guild entered the realm of Guild Wars on June 18th, 2005. Since that time we have grown into a large gaming community that has enjoyed a consistent and dedicated membership with a focus on camaradarie. We maintain a high level of intereaction among guild members by hosting a variety of activities and events each week for the guild and for the alliance. While our primary focus in Guild Wars is PvE we explore all arenas within the game, from quests and missions to all the various formats of player vs player combat. The Everlasting Sacred Path is a founder of a Guild Wars alliance, and we shall be here with our allies for the entire span of adventures in this game, as well as any that we choose to expand into in the future. Our members are always at the ready to band together and embark upon the next quest or to assist those who are in need of reliable companions. The Everlasting Sacred Path stands to foster trust and honor in a realm that is so often surrounded by chaos. * No game cheats or exploits of any kind are allowed. Anyone found to be taking an unfair advantage through these means will be removed from the guild. Thankfully, Guild Wars is a game where this is not much of an issue, but should something arise, I do not want to see anyone in an ESP cape found taking advantage of a hack or exploiting a bug in the game for the purpose of self advancement. </div> <div id="container"></div> <div id="footer"><img src="images/bodyfooter.png"></div> </body> </html> Code (markup): CSS a { outline:none; /* FF1.5+ IE7+*/ -moz-outline: /* FF<=1.5*/ } body { background-image:url('images/sylvthackerybg.jpg'); background-attachment: fixed; background-position: center top; background-color: black; color:#c0b79a; font-family:georgia, "times new roman", serif; } #navbar { position: absolute; top: 15%; left: 2%; width: 977px; height: 50px; } #logo { position: absolute; top: 0px; left: 30%; width: 330px; height: 75px; } #bodytop { position: absolute; top: 25%; left: 2%; width: 659px; height: 179px; } #bottomright { position: absolute; top: 100%; left: 68%; width: 659px; height: 179px; } #topright { position: absolute; top: 31%; left: 68%; width: 659px; height: 179px; } #bottomleft { position: absolute; top: 100%; left: 28%; width: 659px; height: 179px; } #topleft { position: absolute; top: 31%; left: 28%; width: 659px; height: 179px; } #middle { position: absolute; top: 59%; left: 33.2%; width: 636px; height: 279px; } #navtop { position: absolute; top: 31%; left: 4%; width: 636px; height: 279px; } #navbottom { position: absolute; top: 43%; left: 4%; width: 636px; height: 279px; } #home { position: absolute; top: 17.3%; left: 8.3%; width: 132px; height: 33px; } #about { position: absolute; top: 17.3%; left: 21.5%; width: 132px; height: 33px; } #lore { position: absolute; top: 17.3%; left: 34.7%; width: 132px; height: 33px; } #alliance { position: absolute; top: 17.3%; left: 52.9%; width: 132px; height: 33px; } #members { position: absolute; top: 17.3%; left: 66.2%; width: 132px; height: 33px; } #forums { position: absolute; top: 17.3%; left: 79.5%; width: 132px; height: 33px; } #content { position:relative; top:198px; left:30%; width: 64%; background: black; } #footer { padding-top:198px; position:absolute; left:2%; } Code (markup): Thanks!