467,077 Members | 1,000 Online
Bytes | Developer Community
Ask Question

Home New Posts Topics Members FAQ

Post your question to a community of 467,077 developers. It's quick & easy.

Problem with 2 column layout

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
  • viewed: 1523
Share:
4 Replies
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
|| 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
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
|| 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.

Similar topics

8 posts views Thread by Zak McGregor | last post: by
15 posts views Thread by Tamblyne | last post: by
4 posts views Thread by Chuck | last post: by
31 posts views Thread by Martin Clark | last post: by
14 posts views Thread by varois83 | last post: by
1 post views Thread by Scott | last post: by
2 posts views Thread by skanemupp@yahoo.se | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.