CSS: two box scenario
Posted: Wed Nov 12, 2003 6:19 pm
Hey, I am trying to get two boxes, one box for left side content, one for right side content. I am currently doing it this way:
Used like this:
That looks fine except for when I resize the browser window to be real small(which pushes rightSide down below leftSide), now I know things will never be perfect but is there a way I can use CSS to make it so that at minimum both rightSide and leftSide will be visible even if the browser window is sized quite small?
Thanks for any help / advice provided.
Code: Select all
#mainWrap
{
color: #000;
margin: 30px 10px;
}
#rightSide
{
background: #ddd;
color: #000;
margin: 0 20px 0 0;
width: 200px;
}
#leftSide {
margin: 0;
padding: 0 0 0 10px;
width: 500px;
float: left;
}Code: Select all
<div id="mainWrap">
<div id="leftSide">
<!-- Stuff here -->
</div>
<div id="rightSide">
<!-- Stuff here -->
</div>
</div>Thanks for any help / advice provided.