u want the widgets on the right or left? if the widgets go on the left, use float:left and put float:right on the other div. or reverse to put the widgets on the right. You might need a float on both, or it might be that your divs are out of order in the html.
On Fri, Oct 2, 2009 at 8:13 AM, graphicsxp <[email protected]>wrote: > > Hi, > > I'm having an issue with my layout. I want to have a DIV for some > widgets on the left of the page and a DIV for the content of my > website, which would take all the remaining space. > Here's what I have so far : > > <div class="widgets"> > <ul> > <li>widget 1</li> > <li>widget 2</li> > </ul> > </div> > > <div class="content"> > website content > </div> > > .content > { > padding-bottom:0px; > margin:0px; > padding-left:25px; > padding-right:10px; > min-height:380px; > } > > .widgets > { > width:230px; > display:block; > height:450px; > float:right; > margin:5px 10px 0px 0px; > } > > The problem is that, although the widget DIV is on the right of the > content DIV, it actually sits on it ! In other words, the content DIV > takes all the screen space and the widget DIV is on top of it. > > I could set a width to my content DIV to fix this. However sometimes > the widget DIV should not be visible (visibility:collapsed), in which > case the content DIV must take all the page width. That won't work if > I give the content DIV a specific width. > > So what the good way for doing this ? > > Thanks > > > > --~--~---------~--~----~------------~-------~--~----~ -- You received this because you are subscribed to the "Design the Web with CSS" at Google groups. To post: [email protected] To unsubscribe: [email protected] -~----------~----~----~----~------~----~------~--~---
