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: 476
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