ie6 footer div spaing trouble

@MrMJSJan 04.2008

everything looks fine in IE7 and FF but in IE6 my footer div has a gap

~~[URL=”www.team-xfr.com/images/ie6-footer.jpg”]~~footer with spacing image[/URL]

im not sure what is casuing this.. i have no margins or padding on the footer or content container

~~[QUOTE]~~

html

<!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=utf-8″ />
<title>The Blissful Boutique</title>
<link href=”css/ecommerce-css-stylesheet2.css” rel=”stylesheet” type=”text/css” />
<script type=”text/javascript”>
<!–
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a~~[i]~~)&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a~~[i]~~.indexOf(“#”)!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a~~[i]~~;}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf(“?”))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms~~[i]~~[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers~~[i]~~.document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a~~[i]~~))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//–>
</script>
</head>

<!– start wrapper –><div id=”wrapper”>

<!– start top menu –><div id=”top-menu”>

HOME</li>
<li><a href=”online-policies.html” target=”_self”>ONLINE POLICIES</a></li>
<li><a href=”shipping.html” target=”_self”>SHIPPING</a></li>
<li><a href=”contact.html” target=”_self”>CONTACT</a></li>
</ul>

<!– end top-menu –></div>

<!– start header –><div id=”header”><!– end header –></div>

<!– start content-container –><div id=”content-container”>

<!– start side-menu –><div id=”side-menu”>

<!– end side-menu –></div>

<!– start category menu –><div id=”menu”>

<ul>
<li><a href=”#”>DECORATE</a></li>
<li class=”menu-dot”>•</li>
<li class=”blue-menu-text”>ENTERTAIN</li>
<li class=”menu-dot”>•</li>
<li><a href=”#”>GARDEN</a></li>
<li class=”menu-dot”>•</li>
<li><a href=”#”>CREATE</a></li>
<li class=”menu-dot”>•</li>
<li><a href=”#”>RELAX</a></li>
<li class=”menu-dot”>•</li>
<li><a href=”#”>LUXURIATE</a></li>
<li class=”menu-dot”>•</li>
<li><a href=”#”>DRESS</a></li>
</ul>

<!– end category menu –></div>

<!– ****** START CW CONTAINER ****** –><div id=”cw-container”>

<!– ****** END CW CONTAINER ****** –></div>

<!– end content-container –></div>

<!– start footer –><div id=”footer”><!– end footer –></div>

<!– end wrapper –></div>

<!– end outer-wrapper –></div>

</body>
</html>

[/QUOTE]

~~[QUOTE]~~

css

body {
background-image: url(../images/e-commerce/background.jpg);
}
#outer-wrapper {
height: 800px;
width: 853px;
background-image: url(../images/e-commerce/wrapper-bg.gif);
margin-right: auto;
margin-left: auto;
background-repeat: no-repeat;
}
#wrapper {
width: 780px;
margin-left: 36px;
float: left;
display: inline;
background-repeat: no-repeat;
}
#header {
background-image: url(../images/e-commerce/header2.jpg);
height: 300px;
width: 780px;
display: block;
float: left;
}
#top-menu {
background-image: url(../images/e-commerce/top-menu-bg.gif);
height: 16px;
width: 365px;
margin-left: 50px;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 52px;
}

#top-menu ul {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #46291F;
font-weight: bold;
list-style-type: none;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 40px;
padding: 0px;
margin-top: 0px;
}

#top-menu li {
float: left;
padding-right: 5px;
padding-left: 5px;
}
#top-menu li a {
text-decoration: none;
color: #46291F;
}
#top-menu li a:hover {
color: #8faeab;
}
#content-container {
background-image: url(../images/e-commerce/content-bg.jpg);
width: 780px;
float: left;
padding-bottom: 25px;
}
#content-category-images {
width: 690px;
margin-right: auto;
margin-left: auto;
}
#footer {
background-image: url(../images/e-commerce/footer-bg.gif);
height: 44px;
width: 780px;
float: left;
}
#side-menu {
background-image: url(../images/e-commerce/side-menu-bg.gif);
float: left;
height: 425px;
width: 203px;
margin-left: 56px;
display: inline;
text-align: center;
}
#side-menu img {
margin-top: 20px;
}

.blue-menu-text {
color: #93bebc;
}

#menu {
background-image: url(../images/e-commerce/menu-bg.gif);
height: 40px;
width: 494px;
float: left;
margin-left: 1px;
}
#menu ul {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
list-style-type: none;
padding: 0px;
color: #FDFDFB;
font-weight: bold;
margin-top: 7px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 17px;
}
#menu li {
float: left;
padding-right: 2px;
padding-left: 2px;
}
.menu-dot {color: #886e5e}#menu a {
text-decoration: none;
color: #FAF9F4;
}
#menu a:hover {
color: #8faeab;
}

#cw-container {
background-color: #00FF00;
height: 200px;
width: 500px;
float: left;
margin-left: 7px;
margin-top: 25px;
}

[/QUOTE]

to post a comment

CSS

ie6 footer div spaing trouble

5 Comments(s) _↴

Also in #CSS _↴

Success!

Social

Version

ie6 footer div spaing trouble

5 Comments(s) ↴

Also in #CSS ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

5 Comments(s) _↴

Also in #CSS _↴