473,441 Members | 1,871 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,441 software developers and data experts.

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
4 1679
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 thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

8
by: Zak McGregor | last post by:
Hi all I have a simple 3 column css layout here: http://www.carfolio.com/newlook.dhtml However, when the centre column is wider than the screen (yes, it does happen on some pages on the site...
10
by: Ed | last post by:
The page I'm working on is at http://www.coldpizzasoftware.com/temp/layout.html I trying to get the yellow sidebar to go in the white area to the right of the green content area and between the...
15
by: Tamblyne | last post by:
This problem has got to have a simple solution and I can't be the first person who has ever handled it. Perhaps Google is no help because I'm not using the right terms? (I did find one post...
7
by: Andrew | last post by:
I've been struggling to achieve the following layout for some time now and I'm not getting anywhere. I've tried several approaches including floats & absolute positioning and none seem to work,...
4
by: Chuck | last post by:
I'm setting the column with for a gridview (25+- columns) and have paging turned on. When the gridview is first displayed, the column widths are all set to the default. But after paging to...
31
by: Martin Clark | last post by:
Hello, I am daring to stick my head above the parapet and ask as question. I am working on redesigning a website to use CSS rather than tables for layout. I have come across a problem when trying...
14
by: varois83 | last post by:
Hi The code I am pasting below is just practice so the colors are goofy, it's to help me see what is where. The text isn't styled either at this time. I am working on a fixed 2...
1
by: Scott | last post by:
I've been trying to use css stylesheets to lay out a header, a left column and a main content area using width as percentages so the layout can expand and contract with the browser. I'm using...
1
Death Slaught
by: Death Slaught | last post by:
I will be showing you how to make a very simple but effective three column layout. First we will begin with the HTML, or structure, of our three column layout. <!DOCTYPE html PUBLIC...
2
by: skanemupp | last post by:
so my little calculator works perfectly now. just having some trouble with the layout. this whole tkinter-thing seems to be more tricky than it should be. how can i make the 4 column of buttons...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new...
0
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and...
0
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The...
0
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.