meegrervita
New Member
I wrote an html page, with some css in a separate file and it worked fine. Then i realized that i should add a doctype declaration to my html. I did that and my page was completely messed up! I tried all types of declarations but all ended up the same!!!This is my html (currently only working with Chrome, and without doctype):\[code\]<html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel="stylesheet" type="text/css" href="http://stackoverflow.com/questions/15537600/style.css"> <title>Luca Rood - Home</title> </head> <body background="images\background.jpg"> <div id="header"> <div id="header-back"></div> <div id="top-spacing"></div> <div id="content"> <a href="http://stackoverflow.com/questions/15537600/index.html" title="Luca Rood - Home"> <img id="image" src="http://stackoverflow.com/questions/15537600/images/logo.png" alt="Luca Rood"> </a> </div> </div> </body></html>\[/code\]And this is my css:\[code\]body { background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; margin: 0px 0px 0px 0px; }#header { position: relative; height: 15%; }#header-back { position: absolute; width: 100%; height: 100%; background: #000000; opacity: 0.3; z-index:1; }#top-spacing { height: 20%; width: 100%; }#content { position: relative; width: 80%; height: 60%; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; z-index:2; }#image { height: 100%; }\[/code\]Please help.Thanks in advance,Luca