CSS Tableless?

Question

Hello,

I'm just starting to learn how to do a tableless layout with CSS. I understand the following:

If I have:

I convert it to:
#container{info here}
#header{info here}
#middle{info here}
#footer{info here}

But what if I have:







You see the mutiple in the second line?

How would I code that in css and div tags?

I tried something like the following:

Problem is that just messes up my design, with the middle1, middle2, middle3, they end up in the wrong places on the design. Do I use some kind of positioning or what? Can someone lead me to the write direction?

Answer 1

A