View Full Version : Resolved CSS Div Overlaps
cbier
11-16-2008, 03:52 PM
Hi, I am currently making a website with some divs that i want to float over the footer. Its working in FF but the footer seems to be overlapping them in IE. Ive tried almost everything and cant seem to figure it out. Any help would be appreciated. heres the link:
http://www.lincolnbuyinggroup.com/new/
Thanks in advance!
BLiZZaRD
11-16-2008, 04:13 PM
Have you tried using the z-index (http://www.html.net/tutorials/css/lesson15.asp)? the higher the number the further up the layers it sits...
cbier
11-16-2008, 04:18 PM
I have tried that, and I just tried again, but it is not working. Heres the code:
<style type="text/css">
#allContent {
width: 1000px;
background:#FFFFFF;
font-family:arial;
font-size:12px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
}
#head {
float:center;
width:1000px;
height: 280px;
}
#body {
background-image:url(images/lbgbody.jpg);
height:300px;
width:1000px;
float:center;
background-repeat:no-repeat;
}
#sidebar {
background-image:url(images/bgtrans.png);
float:left;
width:255px;
height:600px;
padding-top:5px;
padding-left:10px;
}
#sidebartitle {
width:250px;
height:25px;
color:#FFFFFF;
font-weight:bold;
font-family:arial;
}
#sidebarwrap{
margin-top: 60px;
float:left;
margin-left: 10px;
}
#contentwrap {
float:right;
width:698px;
height:600px;
margin-right:10px;
}
#contenttitle {
width:700px;
height:25px;
color:#FFFFFF;
font-weight:bold;
font-family:arial;
float:right;
}
#contentmain{
background-image:url(images/bgtrans.png);
height:600px;
width:690px;
float:right;
border: 0px solid;
padding-top:5px;
padding-left:10px;
}
#footer{
background-image:url(images/lbgfoot.png);
height:500px;
background-repeat:no-repeat;
display: block;
}
</style>
BLiZZaRD
11-16-2008, 04:29 PM
Start here:
anylink css errors (http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.lincolnbuyinggroup.com%2Fnew%2Fanylink.css&profile=css21&usermedium=all&warning=1&lang=en)
html/css errors (http://validator.w3.org/check?uri=http%3A%2F%2Fwww.lincolnbuyinggroup.com%2Fnew%2F&charset=iso-8859-1&doctype=Inline&group=0&user-agent=W3C_Validator%2F1.591)
fix those up and your problem may vanish. If not at least everything will be easier to read :)
cbier
11-16-2008, 04:31 PM
Thanks! I used z-index on the content boxes rather then the footer. This has fixed the problem.
Snookerman
11-17-2008, 09:10 PM
If the problem has been fixed, edit your first post and ad the Resolved prefix.
Powered by vBulletin® Version 4.2.2 Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.