how do you position a 2 column page with each column using relative positioning?

cmartin19
avatar
rank newbie

newbie


Posts: 6
Joined: 2008-05-12

Hello, I have been playing with the two column page using relative positioning for the first column with no problem. But when I try to use a relative position for the second column, the box for the second column sinks down to the area of bottom left of the first column's box. I have to use negative percentage in the top attribute to bring the second column box up to the level of the first one.

The problem comes when text is added to the first column. This action inadvertently pulls the second column box downward.

Is there a way to keep the second column boxe aligned with the first one even when text is added to the first column? Thanks, cm

Ed Seedhouse
Ed Seedhouse's picture
rank Guru

Guru


Posts: 2605
Joined: 2005-12-14
Location: Victoria British Columbia

The simplest and best way to

The simplest and best way to do two columns is with floats. Do you have some particular reason for having to use positioning?

I am not now, nor was I ever, any kind of "dude".

Ed Seedhouse

cmartin19
cmartin19's picture
rank newbie

newbie


Posts: 6
Joined: 2008-05-12

using positioning

Since I am new to CSS, I was under the assumption that positioning was the way to go. I'll try to give floating a try though, thanks for the tip. cm

Ed Seedhouse
Ed Seedhouse's picture
rank Guru

Guru


Posts: 2605
Joined: 2005-12-14
Location: Victoria British Columbia

Why not let ClevaTreva do it

Why not let ClevaTreva do it for you?

I am not now, nor was I ever, any kind of "dude".

Ed Seedhouse

cmartin19
cmartin19's picture
rank newbie

newbie


Posts: 6
Joined: 2008-05-12

i'll give it a try, thanks

i'll give it a try, thanks