For some reason this code is messed up. Whats wrong? <html> <head> <meta name="keywords" content="soccer,free,tips,history,help,mom,rules"> <meta name="description" content="The Complete Soccer Guide is a site for everything soccer. We have free soccer tips for the verteran player to the soccer mom. We also have many entertainment such as a soccer forum,videos,pictures and more. <title> The Complete Soccer Guide- Soccer tips,help,guides,videos,forum,pictures,player and team profiles</title> <style type="text/css"> body{ margin-top: 0;margin-bottom: 0;margin-left: 0;margin-right: 0;padding-left: 0;padding-right: 0;}p {color:white} #header {margin: 20px;padding: 10px;height: 100px;} #left {position: absolute;left: 15px;top: 160px;width: 200px;} #center {top: 0;margin-left: 230px;margin-right: 230px;} #right {position: absolute;right: 15px;top: 160px;width: 200px;} </style> </head> <body bgcolor="black" text="white"> <div id="header"><img src="Soccer Logo.jpg" alt="The Complete Soccer Guide"> </div> <div id="left">Menu</div> <div id="center"><h1> Home of Soccer</h1> <h2 align="center"> Need some Soccer Tips?</h2> <p> Hello and welcome to The Complete Soccer Guide. Currently we are under constrution but i will post the page links here while i add them.</p> <br> Under Construction</div> <div id="right"> Top rated pages </div> </body> </html>
I fixed it! It all had to do with the starting of the CSS code. oh, and just to let you know, try and fix the background and text using the CSS rather than the BODY tags, it just keeps everything more efficient.