How to auto-stretch a div horizontally

I want there to be three divs in a row. The row should stretch to fill 100% of the browser's width. The leftmost and rightmost divs have a set width so it's the middle that needs to stretch to fill the remaining gap between them.

How do I do this? Currently my middle div is only as wide as its content - I want it to stretch as far as it can!

I'm currently containing the three divs within another div and tried to stretch that out, and tried various floats, but to no avail. Thanks!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

Permanent Popups?

Hey all.

I just created a site which utilizes popup images on link rollovers. Furthermore, I configured it so that all the popup images are placed in the same absolute position (they all appear directly over a div separate from the one which contains the aforementioned links).

However, while it works fine, I'm not all that happy with the results. I have decided I would really like the popup images to keep in place even after the user rolls out of the link. The problem is that I cannot conceive a method in which this would be possible ... So I'm reaching out for some ideas.

Top menu not visible in Browser - Help! I'm new to all this and need advice!


I've just created a topmenu with a css menu creator program, but when I try to view it in my editor, only the last button is visible, and nothing is visible in my browser.
I am a newbie to all this so I need some guidance

The page in question is

Thanks, in anticipation of your help,


Here is the css code:

/* -- Horizontal Text NavBar -- */
.ExtraNav {
font-family: Arial, 'Lucida Sans Unicode', 'Lucida Grande', Verdana,  sans-serif;
.ExtraNav ul {
list-style-type: none;
padding: 320px 0px 330px 320px;

Div 100% Stretch


Hope someone can help me. I have a static header and footer which fits to 100% of the width. This works fine, but I have banner div that stretches the height and overlaps both the header and footer. This kind of works. It worked perfectly before i had another div that overlapped the banner with an image in it. When the page loads, to look at it without scrolling its perfect. The minute I scroll down the page as it extends over the div stops scrolling and ends although its set to 100% height. It does the same whether I use firefox or ie 8.

the code.

#right_banner {

Syndicate content