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]
-~----------~----~----~----~------~----~------~--~---
