Author: workid | Posted on: 10/20/2009 3:44:34 PM | Views : 272

Hi
Im creating a page layout for a webpage and want to have 2 coloured side bars divs on either side, one left and one right of the page and another div inbetween them for the content.  I have created an outside wrapper div set at a 100% width, for the left side bar image i have a div that is set to float left, this sits against the left side of the page.  I then created another div for the content to go in the middle and then another div for the right hand side bar image, set to float right.  But instead of it sitting to the right of the other 2 divs it sits below them on the right hand side.  Now if i set the middle div, the content div, to float left that solves the problem and the right hand div moves up along side it.  But this makes my content all sit to the left hand side of the screen when the page is loaded up.  How can i get the three divs to sit along side each other without having the middle div set to float left?
h ...

Go to the complete details ...