Forum Moderators: not2easy

Message Too Old, No Replies

CSS Liquid design issue

Problem with right box overlapping footer

         

Nexopheus

9:47 pm on Aug 6, 2003 (gmt 0)

10+ Year Member



I've got a problem with my site. It's al just CSS en xhtml, no tables.

I've got a news box at the right side of my page, but when it's filled with a couple of news items the box overlappes the content and footer bar

Is this a result of the liquid design, or is there a workarround possible?

site: <snip>
zip containing sample page incl stylesheets : <snip>
THx in advance.

[edited by: engine at 9:26 am (utc) on Aug. 7, 2003]
[edit reason] No urls, thanks. See TOS [webmasterworld.com] [/edit]

SuzyUK

10:12 pm on Aug 6, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Hi Nexopheus Welcome to WW [webmasterworld.com]

"URL/Link drops" are not allowed in posts here, so perhaps you should remove your links.. ;)

Anyhow I'm guessing that the right column is a floated div? if so it's not actually in the "flow" of the document and the parent div (content section) will not automatically expand to fill the height.

perhaps the probelm will correct itself when content is added or you could make the footer clear the floated div if this will always be your longest section.

Suzy

Nexopheus

5:29 pm on Aug 8, 2003 (gmt 0)

10+ Year Member



Sorry for the links

the news column is indeed a floated div,

And it is placed in the flow (fafik).

What do you mean by clearing?
clear:top;? in the footer div?