Vertical Liquid Layout? (Full Version)

All Forums >> [Web Development] >> Cascading Style Sheets



Message

fredecd -> Vertical Liquid Layout? (10/1/2004 15:14:47)

I have a two column layout, with my menu div box on the left and content div box on the right. I would like them to remain the same height regardless of the amount of data in one or the other.

I tried using "height: 100%;" , and I thought that it worked before. It does not seem to be working now.

Am I doing this correctly, or is there a better way?



caz -> RE: Vertical Liquid Layout? (10/1/2004 15:43:01)

AFAIK the height property cannot be relied on, so you can attach a background image the same colour as your original background to make the columns extend to 100% using the 'repeat' instruction.

Of course the image has to be the exact width of your columns.

Example-

background-image: url(images/left_black_panel.gif);
background-repeat: repeat-y;
background-position: top left;

Cheers
Carol



Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.046875