Div doesn't follow

[Bradland]

Hi! My first post \0/

I have made, or tried to make a website based on css. So far, so good. But my right div won't follow the others. The height :S

Anyone knows ho to fix this?

The css:

http://www.broad.no/css/style.css

The site:

http://www.broad.no/

 

[Bradland]

Sorry for double posting, but couldn't find the edit button..
Edit: The real site Url:

http://www.broad.no/css

 

[Bradland]

*bump*
anyone?

 

[Vragabond]

Don't bump your own threads. In CSS, height 100% means 100% of the parent element, if parent element has fixed height. If not, height 100% is understood as auto, which means as high as the content. You cannot make it go down with just html. You can employ a visual trick however. Wrap everything in a div and make it's background the same as the right column. That will make it appear like the right column extends to the bottom of the left one. Technique is described in A List Apart Faux Columns article.

 

[Foamcow]

I tried to look at this last night (not long after it was posted) but the URL wasn't working then for some reason.

http://www.foamcow.com

 

[taylorantone]

I know it's probably not going to be much help, but I used that same technique on the site I'm currently working on, and it's great.

Take a look at my CSS for the body background property. It may be helpful to see it in use.

http://www.taylorandjanet.com

 

[Bradland]

Thanks Vragabond, and taylorantone for inspiration ! I'll read the article, and see what happens!

 

[Bradland]

I have now used a background image sp the diw looks like it follow the rest. Please have a look

http://www.broad.no/css.

But I was just wondering if it's no good to use a image instead of regular background colors?

 

[taylorantone]

If you use bg colors, they'll stop at the end of the content inside each div, and they won't extend down the page if one div is longer than the other. Just make your bg image really small, like 1px high and the full width of the page you need it to cover, and then just repeat-y.