Hi. I'm having a problem that I can't quite figure out. A have a div
tag (id=container) that holds the majority of my content. However, I
have another div tag (id=footer) outside of "container" that still
seems to be inheriting properties from container. I would like for
"footer" to stretch across the entire window even though "container"
has a set width of 845px. It seems correct in Dreamweaver's design
view but Firefox and IE will not display it properly.
The HTML structure looks like this:
<div id="container">
<div id="header">
<div id="navbar>
content
</div>
content
</div>
<div id="body">
content
</div>
<div id="footer">
content
</div>
And here's the CSS:
#container {
width: 845px;
margin-top: 6px;
margin-right: auto;
margin-left: auto;
padding: 0px;
}
#footer {
height: 40px;
background: url(Images/bgFooter.jpg);
margin: 0px;
background-repeat: repeat-x;
text-align: center;
font-family: "Times New Roman", Times, serif;
color: #CCCCCC;
font-style: italic;
font-size: small;
}
Has anyone encountered this issue before? Any idea why this happens?
--~--~---------~--~----~------------~-------~--~----~
--
You received this because you are subscribed to the "Design the Web with CSS"
at Google groups.
To post: [email protected]
To unsubscribe: [email protected]
-~----------~----~----~----~------~----~------~--~---
