[UPHPU] CSS Help Part deux

[Smith, Jeff]

-----Original Message-----
From: uphpu-bounces at uphpu.org [mailto:uphpu-bounces at uphpu.org] On Behalf
Of Wade Preston Shearer
Sent: Friday, August 18, 2006 3:12 PM
To: UPHPU List
Subject: Re: [UPHPU] CSS Help Part deux

> I don't even know if it is possible.  Thanks.

Of course it is!


Layout 1
http://anavidesign.com/temp/layout/?stylesheet=1

Layout 2
http://anavidesign.com/temp/layout/?stylesheet=2

Layout 3
http://anavidesign.com/temp/layout/?stylesheet=3

Layout 4
http://anavidesign.com/temp/layout/?stylesheet=4


Note: Your requirement that your columns be the same height is not
possible to achieve currently with CSS alone. I say currently because
the future CSS spec allows for columns such as this but our browsers do
not support it yet. So, in the mean time, you have to implement
something else to control the height. One way to to this is with
javascript. My solution is a teenie, tiny image that repeats. I think
the image approach is better than the javascript approach.

---

Absolutely Beautiful,  I will even go as far as saying your solution is
elegant.  It looks like (and correct me if I am wrong) you enclosed the
entire "page" in a div.  Then used the repeat-y attribute on a image
with the correct color (left or right justified) and the
background-image to give the illusion the column extended all the way
down?

I guess my next question (more for my knowledge then any project I am
currently working on) is how could you do it with 2 bars like this (
http://www.arcanatower.com/cssQuestions/2bar.png ) where the Blue and
Green bar are fixed height and the Red and Yellow are Fixed Width.  With
the white section growing/shrinking depending on the screen size.