How to make a div to fill a remaining horizontal space (a very simple but annoying problem for CSS e

Posted by janoChen on Stack Overflow See other posts from Stack Overflow or by janoChen
Published on 2009-06-23T14:29:30Z Indexed on 2010/05/20 4:40 UTC
Read the original article Hit count: 473

Filed under:
|
|
|

I have 2 divs: one in the left side and one in the right side of my page. The one in the left side has fixed width and I want the one of the right side to fill the remaining space.

The one on the right side is the navigation and I want it to to fill the remaining space on it right side:

My CSS:

#search {
    width: 160px;
    height: 25px;
    float: left;
    background-color: #FFF;
}

#navigation {
    width: 780
    float: left; 
    /*background-color: url('../images/transparent.png') ;*/
    background-color: #A53030;
}

My Html:

<div id="search">

</div>
<?php include("navigation.html"); ?>
<div id="left-column">

Thank in advance!

© Stack Overflow or respective owner

Related posts about css

Related posts about div