div positioning--Am I in a tables mindset? What am I doing wrong?

[no0bodyhome@nowhere.com]

Why am I having so much trouble positioning
divs? Am I in a tables mindset here?

Why doesn't content flow below or alongside where it is suppose to?

I created the example below to give you some
idea of what I mean. Please keep in mind, content is within the
specified width and may be images or text. For some reason
it just seems to have a mind of its own and always wants to
go to the next line and to the left.


#leftcol {width: 150px; float: left;}
#middlecol
#rightcol {width: 150px; float: right;}
#divLeftTopofSt ack
#divLeftMiddleo fStack
#divLeftBottomo fStack
#divMiddleTopLe ft
#divMiddleTopRi ght
#divMiddleBotto mLeft
#divMiddleBotto mRight
..clear {clear: both;}
....etc

body

<div id="leftcol">
<div id="divLeftTopo fStack">some content</div>
<div id="divLeftMidd leofStack">some content</div>
<div id="divLeftBott omofStack">some content</div>
<div>
<div class="clear"></div>
<div id=middlecol">
<div id="divMiddleTo pLeft">some content</div>
<div id="divMiddleTo pRight>some content</div></br>
<div id="divMiddleBo ttomLeft">some content</div>
<div id="divMiddleBo ttomRight">some content</div>
</div>

I think you get the idea

[Martin!]

Re: div positioning--Am I in a tables mindset? What am I doing wrong?

no0bodyhome@now here.com wrote:[color=blue]
> Why am I having so much trouble positioning
> divs? Am I in a tables mindset here?
>
> Why doesn't content flow below or alongside where it is suppose to?
>
> I created the example below to give you some
> idea of what I mean. Please keep in mind, content is within the
> specified width and may be images or text. For some reason
> it just seems to have a mind of its own and always wants to
> go to the next line and to the left.
>
>
> #leftcol {width: 150px; float: left;}
> #middlecol
> #rightcol {width: 150px; float: right;}
> #divLeftTopofSt ack
> #divLeftMiddleo fStack
> #divLeftBottomo fStack
> #divMiddleTopLe ft
> #divMiddleTopRi ght
> #divMiddleBotto mLeft
> #divMiddleBotto mRight
> .clear {clear: both;}
> ...etc
>
> body
>
> <div id="leftcol">
> <div id="divLeftTopo fStack">some content</div>
> <div id="divLeftMidd leofStack">some content</div>
> <div id="divLeftBott omofStack">some content</div>
> <div>
> <div class="clear"></div>
> <div id=middlecol">
> <div id="divMiddleTo pLeft">some content</div>
> <div id="divMiddleTo pRight>some content</div></br>
> <div id="divMiddleBo ttomLeft">some content</div>
> <div id="divMiddleBo ttomRight">some content</div>
> </div>
>
> I think you get the idea[/color]


at this moment you have 2 more open divs than closeing /divs
better you would privide an url !