homepage Welcome to WebmasterWorld Guest from 54.146.190.193
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

    
Footer DIV
Align problem in IE
Shaker

5+ Year Member



 
Msg#: 8922 posted 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

5+ Year Member



 
Msg#: 8922 posted 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.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved