homepage Welcome to WebmasterWorld Guest from 54.81.170.186
register, free tools, login, search, subscribe, help, library, announcements, recent posts, open posts,
Subscribe to WebmasterWorld

Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: DrDoc

CSS Forum

    
Footer DIV
Align problem in IE
Shaker




msg:1200560
 3:19 am on Apr 17, 2006 (gmt 0)

I have a problem with my footer in IE where the footer aligns to the bottom of the page, but cuts over the left and right divs, which extend further than the content in the following code:


#Heading {
background-image: url('image.jpg');
background-repeat:repeat;
width: 100%;
min-width: 784px;
margin: 0px;
padding: 0px;
height: 130px;
overflow:hidden;
}

body {
margin: 0px;
padding-left: 0;
padding-right: 0;
background-color: #FFFFFF;
}

#container {
width:expression(document.body.clientWidth < 778? "780px" : "100%" );
min-width: 778px;
border: 0;
margin: 0px 0px 10px 0px;
padding: 0px 0px 10px 0px;
background-color: #FFFFFF;
}

#content {
padding: 3px;
margin-top: 3px;
margin-left: 138px;
margin-right: 274px;
background-color: #FFFFFF;
}

#left {
float: left;
width: 135px;
\width: 135px;
w\idth: 135px;
margin: 0;
padding: 0px;
border-right: 1px solid #000000;
background-color:#c0c0c0;
}

#right {
float: right;
width: 271px;
margin: 0;
padding: 0px;
border-left: 1px solid #000000;
background-color:#c0c0c0;
}

#footer {
margin:6px 0px 0px 0px;
clear: both;
padding: 1px 0px 0px 0px;
background-image: url('image.jpg');
background-repeat: repeat-x;
background-color: #000000;
}

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Test Page</title>
</head>
<body>

<div id="container">

<div id="Heading">
Heading Image
</div>

<div id="left">
Left Content
</div>

<div id="right">
Right Content
</div>

<div id="content">
Middle content
</div>

</div>

<br/>

<div id="footer">
Footer text
</div>

</body>
</html>

This works fine in firefox.

I don't know if this makes a difference but the content, left and right divs are all included in PHP so that I can update the files accordingly and have the index as a template.

 

evo81




msg:1200561
 8:00 pm on Apr 17, 2006 (gmt 0)

I tested your page and it works fine in ie6 netscape firefox and opera

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About
© Webmaster World 1996-2014 all rights reserved