By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
437,739 Members | 1,059 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 437,739 IT Pros & Developers. It's quick & easy.

Problem with 2 column layout

P: n/a
hi all,

following on from an earlier thread i posted about padding problems, i am
now facing a different problem:

the left hand column does not seem to want to reach the foot of the page
in either ie6 or opera7.1.

http://www.awash.demon.co.uk/vd/index.html

and

http://www.awash.demon.co.uk/vd/vd.css

i have stripped the page down to the bare minimum and have been tinkering
with the css to see if i can make it meet the bottom. i can kind of fix
it in ie6, but not satisfactorily and it doesn't work in opera anyhoo so
i've given up that approach.

if anyone could shed some light on what i'm doing wrong, or if what i'm
attempting is possible or not, i'd appreciate it.

oh, both css & xhtml validate.

thanks
--
slim
Jul 20 '05 #1
Share this Question
Share on Google+
4 Replies


P: n/a
slim wrote:

the left hand column does not seem to want to reach the foot of the page
in either ie6 or opera7.1.

http://www.awash.demon.co.uk/vd/index.html


Use a background image for body, 1px high and extra wide, like 2000px.
Position it right of the side bar and repeat vertically:

background: #cfd5de url(bg.png) 10em 0 repeat-y;

The side bar will get body color, the content area gets the image bg.
Be sure to also set background color for the content area the same as in
the image, so those who have image loading disabled won't have
readability problems.

--
Reply email address is a bottomless spam bucket.
Please reply to the group so everyone can share.
Jul 20 '05 #2

P: n/a
|| name | kchayka <us****@c-net.us> | message |
|| news:2g************@uni-berlin.de: ||
slim wrote:

the left hand column does not seem to want to reach the foot of the
page in either ie6 or opera7.1.

http://www.awash.demon.co.uk/vd/index.html


Use a background image for body, 1px high and extra wide, like 2000px.
Position it right of the side bar and repeat vertically:

background: #cfd5de url(bg.png) 10em 0 repeat-y;

The side bar will get body color, the content area gets the image bg.
Be sure to also set background color for the content area the same as
in the image, so those who have image loading disabled won't have
readability problems.


woop! thanks very, very much. a cunning workaround for my problem and it
works fine in ie6 & opera 7.1.

does that mean that a layout like that is not possible without a
workaround? i'm just curious.

thanks again, you've made my night :)
--
slim
Jul 20 '05 #3

P: n/a
slim wrote:

does that mean that a layout like that is not possible without a
workaround? i'm just curious.


Well, there are standard CSS properties that should give the desired
result, but they are not well-supported. If you're adventurous, google
for display:table-cell.

--
Reply email address is a bottomless spam bucket.
Please reply to the group so everyone can share.
Jul 20 '05 #4

P: n/a
|| name | kchayka <us****@c-net.us> | message | news:2gilgeF39j54U1@uni-
berlin.de: ||
display:table-cell


ok, ta very much, will do.
--
slim
Jul 20 '05 #5

This discussion thread is closed

Replies have been disabled for this discussion.