[EnzoAmata]

I'm creating this WordPress theme I'm using four main divs and one wrapper. I've placed all the section inside the wrapper as absolute positioning so they don't effect each other if people add extra sidebar content footer menus and so forth.

I'm asking from a markup point of view is this overkill or might there be a more natural way to layout the content within a div without destroying the flow, like I believe I'm doing.

Attached File(s)

•  layout.jpg (57.46K)
  Number of downloads: 17

[andyl]

Absolutely no need for absolute positioning there

Try something along the lines of:

<style type="text/css">
.wrapper{margin:0 auto;width:960px}
.left{float:left;width:340px}
.posts{float:right;width:600px}

.clear{clear:both}
</style>

<div class="wrapper">

<div class="left">
  <div class="header">
    Header
  </div>
  <div class="sidebar">
    Sidebar
  </div>
</div>
<div class="posts">
  Posts here
</div>
<div class="clear"></div>
<div class="footer">
  Footer here
</div>

</div>

[EnzoAmata]

I had tried that but I forgot to clear the floats!

[andyl]

[jonnyhocks]

andyl, on 02 February 2012 - 05:10 PM, said:

I think we should have a 'Clear Floats' sticky thread at the top because 90% of problems on this forum are float related!

[Renaissance-Design]

andyl, on 02 February 2012 - 05:10 PM, said:

Similarity of pose between your avatar and your smiley is killing me.

[andyl]

Renaissance-Design, on 03 February 2012 - 12:54 PM, said:

Similarity of pose between your avatar and your smiley is killing me.

Well that's just great. My cover's blown.

[EnzoAmata]

I used fixed the floats and now looking for some feedback from you guys over - here - remembering it's v1.0