Slight layout glitch

Stellios · 17 May 2007 at 23:08

Got one more problem that i wouldnt mind advice on if its possible. Below are a couuple of screenshots of my problem. The white spaces whouldnt be there, the division in the page should be filling in the gaps, but i cant for the life of me get it to do it.

On the top image im after the orange backing to go all the way down to the footer, adn on the second one i want the links bar to extend down to the footer also. Im opresuming itll be the same code to do both, but i just cannot figure it out.

Any help very much appreciated.

sugoi · 18 May 2007 at 04:11

assuming you are using DIV's (i hope so)... just set a height attribute on both DIVs (black and yellow)... this might work better if you apply these internally, as each page might be different, or better still create a div behind those 2 other divs (i.e. one behind each) and assign them as the same background colour as you want, these will be the same height as your maximum vertical height of your website. To be honest i would definately fix a maximum height on the right div (the one with the content), it would make it easier...

im wondering if you actually understand the stuff i wrote above.

Mickey · 18 May 2007 at 08:44

sugoi said:
im wondering if you actually understand the stuff i wrote above.

I understood it, it's total rubbish for a variable height layout, but I understood it :eek:

Put a DIV around the two elements (menu & content), create a small image, black, the width of the menu and 1 pixel high. On this container div put the style:

background: #the-orange-colour url(menuImage.jpg) repeat-y;

Make sure both the menu & content divs backgrounds are transparent and you're done.

Mick.

sugoi · 18 May 2007 at 10:27

yeah that's what i meant...

Mickey · 18 May 2007 at 10:32

sugoi said:
yeah that's what i meant...

That's not what you wrote

sugoi · 18 May 2007 at 10:35

just 2 different approaches then... your method is probably neater and clearer, instead of 2 DIV's have one, should have realised that you could have combined.

Mickey · 18 May 2007 at 10:39

sugoi said:
just 2 different approaches then... your method is probably neater and clearer, instead of 2 DIV's have one, should have realised that you could have combined.

Your method wouldn't work though without setting a height on both containing elements, if you're doing that you may as well set the height on the elements themselves. Then you still have the problem of having a fixed height set when the content height of the site varies.