I have been ripping my hair out all day
I have been trying to layout my page using DIV tags
of course these cannot be set next to each other by default so I used a float:left command in the CSS script to overcome this.
frequently i had a situation in which the DIV box on the right would take its position next to the DIV area to its left but it would stretch all the way over to the far left of the screen (so in adition to its own area it also covered all of the screen space to its left, even if another DIV tag also ocupied that space)
ive got it right now
but can anyone explain to me what was going on
Without seeing your code it's difficult to tell.
The only thing I can think of is that if you float an element it must have a width declared.
Also, it might be helpful for you to read up a bit on the Box Model.
You will need to give a margin left to the right div so that it aligns with the left.
The margin left should have the same width as the left div.
As Martin said, we can't know what was happening to your page without seeing the CSS and HTML code.
Maybe this tutorial will shed some light.
3 evenly spaced CSS boxes