What i'am trying to achieve is:

- a 2 columns layout with vertical borders
where the 2 columns stretch to the bottom of the viewport
(even when both columns only have one or 2 lines of text)

- combined with a footer that sticks to the bottom of the viewport

i started almost a half year ago
and i thought this wouldn't be too difficult, but it turned out to be
not that easy at all, t.i. if you want it to work accross browsers
due to circumstances, i had to stop my attempts a couple of months ago
this is how far i came then:

http://beta.erikvisser.net/bart/old/

(css doesn't validate because of an ie hack: word-wrap)

i understood that this mockup is unstable
so i try to resolve this problem

i found this:
http://limpid.nl/lab/css/fixed/footer

and combined it with this:
http://www.fu2k.org/alex/css/onetruelayout/example/interactive?order=2-1&width=50-49.5&equal_height=1

Resulting in getting almost what i want:
http://beta.erikvisser.net/bart/new/1/

The only thing it does not yet do is:
both columns stretching down to the bottom of the viewport even if they
each only have a few lines of text
you can see this the best when you zoom-out quite a bit

before fixing this short coming i like your opinions

My questions are:
- is new this a better approach compared with the original approach as
shown on http://beta.erikvisser.net/bart/old/
- or is there a better aproach?
- any remarks are welcome
- and how can i let both columns stretch to the bottom of the viewport,
even when both contain hardly any text?

thanks, Erik
______________________________________________________________________
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