A Digital Age Deserves A Digital Leader

Fluid Columns

Fluid Columns

Postby ChevinBrown » Fri Jan 05, 2007 9:43 pm

I need a two column layout that lets the right side stretch 100% if there is no content in the left.
PRO Level 10
Posts: 410
Joined: Wed Aug 18, 2004 2:10 pm

Re: Fluid Columns

Postby shougan » Sat Jan 06, 2007 5:46 am

Kevsterb007 wrote:I need a two column layout that lets the right side stretch 100% if there is no content in the left.


Code: Select all
CSS
#container{
width:100%;
}
#left{
min-width:0px;
}
#right{
width:100%;
float:right;
}

HTML
<div id="container">
<div id="left"> </div>
<div id="right"> </div>
</div>


Just made that up, so no guarantee it will work, but look up max and min widths, those are the key to your question.

-sid
Do you want the latest news on Betas & Software, Security, or even Vista? Check out our <a href="http://www.pro-networks.org/forum/home_index.php" target="_blank" class="postlink">news areas</a> and be sure to <a href="http://www.pro-networks.org/main/newsletters.htm" target="_blank" class="postlink">subscribe to our PROneT newsletters!</a>
PRO Level 15
Posts: 1174
Joined: Tue Apr 27, 2004 2:12 am
Location: Western Hemisphere

Postby ChevinBrown » Sat Jan 06, 2007 8:37 pm

Thanks alot. That did the trick (with a few modifications)
PRO Level 10
Posts: 410
Joined: Wed Aug 18, 2004 2:10 pm

Postby shougan » Sun Jan 14, 2007 11:59 pm

Sweet, glad to hear freehand coding is still with me :)
Do you want the latest news on Betas & Software, Security, or even Vista? Check out our <a href="http://www.pro-networks.org/forum/home_index.php" target="_blank" class="postlink">news areas</a> and be sure to <a href="http://www.pro-networks.org/main/newsletters.htm" target="_blank" class="postlink">subscribe to our PROneT newsletters!</a>
PRO Level 15
Posts: 1174
Joined: Tue Apr 27, 2004 2:12 am
Location: Western Hemisphere

Return to HTML, CSS, and Scripts

Who is online

Users browsing this forum: No registered users and 4 guests

cron
cron