I have come across this problem many times, when I would like some extra space between the bottom of the browser window and the end of my website content. If I add say 20px to the bottom margin of my outer container, sensible browsers comply and add 20px. IE does nothing.
In the past I have added another DIV, added 20px of height to it and everything is good. But I'd rather not do that this time, so does anyone know why IE does this and is there a solution without adding more markup.
In this instance my container DIV has the following:
#container {
margin:57px 25px 20px 25px;
background:#FCFCFC;
text-align:left;
font-size:100%;
}
Cheers,
RYou've probably done this: body {margin:0;}Excellent Fang, thanks. I have made some slight alterations now:
body {
margin:0px 0px 20px 0px;
}
#container {
margin:57px 25px 0px 25px;
}
In the past I have added another DIV, added 20px of height to it and everything is good. But I'd rather not do that this time, so does anyone know why IE does this and is there a solution without adding more markup.
In this instance my container DIV has the following:
#container {
margin:57px 25px 20px 25px;
background:#FCFCFC;
text-align:left;
font-size:100%;
}
Cheers,
RYou've probably done this: body {margin:0;}Excellent Fang, thanks. I have made some slight alterations now:
body {
margin:0px 0px 20px 0px;
}
#container {
margin:57px 25px 0px 25px;
}