Bart Zonneveld wrote:
>   
>
> Maybe my explanation wasn't clear enough, so let me clarify :).
>
> I specifically want the left and right column to be as big as they  
> can for the current browser window, while the center column should  
> always be a fixed size. That way, on a small resolution, the left and  
> right columns take up less space than on a big resolution, with the  
> center column always having enough available space for it.
>
>
>   
Two quick tests:

1. www.firmmusic.com.au/bart/test1.html
2. www.firmmusic.com.au/bart/test2.html

Both of these have a graphic on each side of the content. Resize the 
window to see what happens.

Test1 has extremely lean HTML - as the window is decreased in size we 
lose the images from the OUTSIDE IN (as though they slide under the 
edges of the browser window)
Test2 adds a number of extra divs (perhaps too many - I'm sure it could 
be done with fewer) and makes use of max-width which would need an IE 
fix - as the window decreases here we lose the images from the INSIDE 
OUT (as though they are sliding under the content).

Both of these are considerably less trouble than the absolute 
positioning method I suggested earlier. Are either of these what you 
envisaged, or have I still not understood you correctly?

BTW in test2 the reason there is a gap between the left image and the 
content at larger window sizes is because your images are not the same 
size. This becomes a problem when using them with centered content. 
Adding a 30px white margin down the left side of the left image fixes 
this (much as I did for the background image of test1).

Cheers,
David Sharp
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to