please HELP, any advice appreciated

Hi all,

first posting to this group but after a couple of days of trying to work
out what the hell's going on I've had enough..
You're all probably sick of seeing this posting appear a thousand times
before but I cant find the solution, sorry :'(

I've a site which used to be all tables but i wanted to try and do the
css conversion, almost did it but having problems with a 3 column
section of divs..

I want to use relative positioning and use the float method to make each
div sit by each other but the div which is supposed to be on the far
right will as hell not go there ! Well it does go to the right but the
TOP is not at the same level as the center div, rather its top is the
same as the bottom of the center div.

i've uploaded everything you need to see, i've cut a lot of the
superflous stuff off the page just to easily see the troublesome bit.

The URL is http://www.dbws.net/crap/site/forhelp.htm
the CSS is http://www.dbws.net/crap/site/styles.css

Many thanks in advance to anyone who can shed some light on this.


Dave.

Dave Brown wrote:

I've a site which used to be all tables but i wanted to try and do the
css conversion, almost did it but having problems with a 3 column
section of divs..

I want to use relative positioning and use the float method to make each
div sit by each other but the div which is supposed to be on the far
right will as hell not go there ! Well it does go to the right but the
TOP is not at the same level as the center div, rather its top is the
same as the bottom of the center div.

Put the content for the left and right floated DIVs in *before* the content
for the one in the middle.

So to get this:

AAAAA BBBBB CCCCC
AAAAA BBBBB CCCCC
AAAAA BBBBB CCCCC

You need this:

<DIV id="#leftFloat">AAAAA AAAAA AAAAA</DIV>
<DIV id="#rightFloat">CCCCC CCCCC CCCCC</DIV>
<DIV id="#center">BBBBB BBBBB BBBBB</DIV>

--
Philip Ronan
phil.ronanzzz (AT) virgin (DOT) net
(Please remove the "z"s if replying by email)

On Thu, 04 Nov 2004 19:28:31 +0000, Dave Brown <dave (AT) nospamhere (DOT) dbws.net>
wrote:

I want to use relative positioning and use the float method to make each
div sit by each other but the div which is supposed to be on the far
right will as hell not go there !

Float simply moves the content 1) to the side as far as is possible, and
2) out of flow, so the following content starts at the same height.

Floats must be before the other content in the HTML.

Thanks,

I got all excited then moved them around in Dweaver and it sorted it,
looks good in firefox too, but in IE the center now has its top where
the bottom of the right one is....

but its closer to being fixed i can feel it !!


Philip Ronan wrote:

Dave Brown wrote:


I've a site which used to be all tables but i wanted to try and do the
css conversion, almost did it but having problems with a 3 column
section of divs..

I want to use relative positioning and use the float method to make each
div sit by each other but the div which is supposed to be on the far
right will as hell not go there ! Well it does go to the right but the
TOP is not at the same level as the center div, rather its top is the
same as the bottom of the center div.


Put the content for the left and right floated DIVs in *before* the content
for the one in the middle.

So to get this:

AAAAA BBBBB CCCCC
AAAAA BBBBB CCCCC
AAAAA BBBBB CCCCC

You need this:

DIV id="#leftFloat">AAAAA AAAAA AAAAA</DIV
DIV id="#rightFloat">CCCCC CCCCC CCCCC</DIV
DIV id="#center">BBBBB BBBBB BBBBB</DIV