Re: [css-d] page footer sliding between text
Graham Reeds wrote:
I'm having a spot of bother with my CSS. It seemed fairly straight
forward but nothing I have tried has sorted it. I'm fairly certain that
it is easily fixable but I haven't found a way and it is beginning to
annoy me. I've checked the last couple of months but the high volume on
the list makes it nigh impossible to see if someone has had a similar
problem to mine.
The problem: I have header with two columns below it followed by a
footer. Fairly standard.
There is a possibility that the two content columns can be larger than
the other so I have wrapped them both up in a container div, floated one
left, the other right with the footer beneath outside the containing div
like so:
#header { ...stuff... }
#content { width: 100%; }
#container1 { width: 470px; float: right; }
#container2 { width: 130px; float: left; }
#footer { width: 100%; }
However the footer div slides up between the two containers when it
should be positioned directly beneath the content.
I've tried setting the position and stuff but nothing gets it lined up -
I am missing a certain combination of rules but don't know what?
Any ideas?
Add clear:both; to #footer. That will force it to clear the floats above
it and sit beneath them.
--
Bob Easton
Accessibility Matters: http://access-matters.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] page footer sliding between text
I'm having a spot of bother with my CSS. It seemed fairly straight
forward but nothing I have tried has sorted it. I'm fairly certain that
it is easily fixable but I haven't found a way and it is beginning to
annoy me. I've checked the last couple of months but the high volume on
the list makes it nigh impossible to see if someone has had a similar
problem to mine.
The problem: I have header with two columns below it followed by a
footer. Fairly standard.
There is a possibility that the two content columns can be larger than
the other so I have wrapped them both up in a container div, floated one
left, the other right with the footer beneath outside the containing div
like so:
#header { ...stuff... }
#content { width: 100%; }
#container1 { width: 470px; float: right; }
#container2 { width: 130px; float: left; }
#footer { width: 100%; }
However the footer div slides up between the two containers when it
should be positioned directly beneath the content.
I've tried setting the position and stuff but nothing gets it lined up -
I am missing a certain combination of rules but don't know what?
Any ideas?
Thanks, Graham Reeds.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
