Well I have never played with the z-index before so I decided to use it on my next site which I am building.
I am having a problem, I have set the z-index for two things in my page the logo, which is big, and then the side which I want to go to the right 100%.
It doesn't display right the header area is above the log, but the logo is supposed to be over the header...HTML Code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>MSNAngel.com</title> <style type="text/css"> <!-- body { margin: 0px; padding: 0px; } #logo_area { position: absolute; top: 0; left: 0; z-index: 2; } #header { position: absolute; height: 80px; top: 1px; left: 0; background-color: #F573BB; width: 100%; z-index: 1; } #nav { height: 230px; background-image: url(images/nav_bg.gif); background-repeat: repeat-y; } --> </style> </head> <body> <div id="container"> <div id="logoarea"> <img src="images/top.gif" width="387" height="145" alt="MSN Angel.com" /> </div> <div id="header"> </div> <div id="nav">test</div> <div id="content"></div> </div> </body> </html>
This is my pages structure, and help would be greatly appreciated.
Bookmarks