two col issues with float right and left in css

[jon slinn]

Does anybody know why I can't get a simple two col design to work
using the following css? At the moment my columns seem to be arranging
left and right correctly but are stacked on top of each other?

the site is : http://www.rockshore.net/html/hol2.html

div.lh-col{
width: 18%;
float:left;
border: solid #333333;
border-width: 0 0px 0 0;
background: #ffffff;
color: #333333;
margin: 0;
padding: 40px;
}

div.rh-col{
width: 78%;
float: right;
background: #c0c0c0;
color: #333333;
margin: 0;
padding: 3px;
border: solid #333333;
border-width: 0 1px 0 1px
}

tnx,
Jon

[Christoph Paeper]

*jon slinn* <jo******@yahoo.co.uk>:

div.lh-col{
width: 18%;
float:left;
padding: 40px;
}

div.rh-col{
width: 78%;
float: right;
padding: 3px;
border-width: 0 1px 0 1px
}

Your viewport would have to be at least 2200px wide to have 4% (= 100% -
18% - 78%) of it be greater than 88px (= 2·40px + 2·3px + 2·1px).

--
"It is impossible to enjoy idling thoroughly
unless one has plenty of work to do." Jerome K. Jerome

[Richard]

Hi jon.

What about this?:

http://members.rogers.com/rmacinty2/rockshor/hol2.htm

I tried to work within what I felt to be your constraints, but I think you
may need to specify a width for floats.
Anyway, I did it to learn something for myself as well. :-)

"jon slinn" <jo******@yahoo.co.uk> wrote in message
news:bd**************************@posting.google.c om...

Does anybody know why I can't get a simple two col design to work
using the following css? At the moment my columns seem to be arranging
left and right correctly but are stacked on top of each other?

the site is : http://www.rockshore.net/html/hol2.html

div.lh-col{
width: 18%;
float:left;
border: solid #333333;
border-width: 0 0px 0 0;
background: #ffffff;
color: #333333;
margin: 0;
padding: 40px;
}

div.rh-col{
width: 78%;
float: right;
background: #c0c0c0;
color: #333333;
margin: 0;
padding: 3px;
border: solid #333333;
border-width: 0 1px 0 1px
}

tnx,
Jon