Forum Moderators: not2easy
and it works perfectly with firefox (even when centered) and ie. The problem is, when I try to center the layout ie doesn't seem to work. It shifts the whole layout over to the right and horizontally scrolls. I cannot figure this out. So I went back and started from scratch trying to just get ie to be able to have a footer that sticks to the bottom of a centered fixed width layout and I can't seem to do this.
Hopefully I didn't confuse anyone by that above. Just to make it simple all I'm asking for is code that would allow a footer element to stick to the bottom of a fixed width centered page correctly in ie. It doesn't even have to work in firefox as i allready can do that. Any suggestions would help tremendously.
Thanks!
body
{
margin: 0;
padding: 0;
text-align: center;
height: 100%;
}
#footer
{
background-color: #cccccc;
width: 785px;
position: absolute;
height: 38px;
bottom: 0;
}
</style>
</head>
<body>
<div id="footer">Footer</div>
</body>
</html>
Here's the code in the most basic form. This is just for ie.
Hope that helps!
when I try to center the layout ie doesn't seem to work.
What approach are you taking to centering the layout?
The first thing to do when tackling rendering issues is make sure your mark-up is valid.
W3C Validator - HTML [validator.w3.org]
W3C Validator - CSS [jigsaw.w3.org]
Then, as to the centering issue, there are many previous threads here about valid ways to center the page, not just align the text. Fo example: [webmasterworld.com...]
