DIV Overflow problem

Question

I have a website here: bgflirt.com. The problem is that the div containing the flash and the other content (on the right) has to be able to overflow the parent element. But the parent element should have overflow hidden. The result is that the div on the right is cut whenever the div in the middle has no more content to display. How do I let the right div overflow the parent one ? So I can see the entire menu on the right ?

methodofaction · Accepted Answer · 2011-01-03 23:45:24Z

1

A quick fix is just adding a min-height to #content:

#content {
min-height: 500px;
}

answered Jan 3, 2011 at 23:45

methodofaction

72.7k22 gold badges158 silver badges166 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

thirtydot · Accepted Answer · 2011-01-03 23:39:24Z

1

If the items (or number of items) in the "right div" do not change frequently, the easiest fix is to add this rule to #content :

min-height: 440px;

I picked 440px because that is the height of the "right div" according to Firebug.

Also, I feel obliged to point out that the HTML/CSS structure of your site is not very good. You should consider doing something about it, or you could continue to have problems making simple changes to the layout of your site.

answered Jan 3, 2011 at 23:39

thirtydot

229k51 gold badges393 silver badges354 bronze badges

Collectives™ on Stack Overflow

DIV Overflow problem

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related