having a little problem my my html n css, doing my head in, www.davidcolligan.co.uk/miketoronto/index.html

 

i have 3 divs and i want one at the top and two below side by side, but im just getting them all on top of each other and not sitting right, is their any chance u can have a quick look, im sure its sumhing stupid i just cnt see it the now

It's kinda hard to make out what you are trying to achieve as the bits of content you have put in there are getting in the way.

 

What sort of layout are you after? Header, two columns, footer?

It's kinda hard to make out what you are trying to achieve as the bits of content you have put in there are getting in the way.

 

What sort of layout are you after? Header, two columns, footer?

 

its suppoed to be like a header which is the blue box, and then two columns, the red on the left and the green on the right, and then i would need to add my footer after getting this bit to work

Quickest solution then would be...

 

<div id="wrapper">
   <div id="header">
       Header
   </div>
   <div id="main-content" class="clearfix">
       <div id="left-content">
           Left Content
       </div>
       <div id="right-content">
           Right Content
       </div>
   </div>
   <div id="footer">
       Footer
   </div>
</div>

 

and CSS...

 

.clearfix {
   clear:both;
}
#wrapper {
   width:960px;
   margin:0 auto;
}
#header {
   height:200px;
}
#left-content {
   float:left;
   width:600px;
   height:500px;
}
#right-content {
   float:right;
   width:360px;
   height:500px;
}
#footer {
   height:200px;
}

 

Slam some colours on to those divs so you can see what you're doing

got it fixed was missing some closing divs i swear i had them in, im starting to hate notepad++ more lmao