S
sdsd
Can anyone please let me know how I can make the "main_left" div
expand to the remaining space after "main_right" occupies the right
220px. I have tried different combinations but the "main_left" drops
down below "main_right".
Many thanks in advance.
......................................................
<head>
<style type="text/css">
/* Main Layout */
#main {
width: 95%;
border: 2px solid #CCC;
margin: 10px auto 0;
padding: 10px;
}
#main_left {width: 545px; border: 1px solid #ccc;}
#main_right {width: 220px; border: 1px solid #ccc;}
/* Floats */
..left {float: left;}
..right {float: right;}
</style>
</head>
<body>
<div id="main">
<div class="left" id="main_left">
Aliquam risus justo, mollis in, laoreet a, consectetuer nec, risus.
Nunc blandit sodales lacus. Nam luctus semper mi. In eu diam
</div>
<div class="right" id="main_right">
efgh
</div>
<div class="clearer"> </div>
</div>
</body>
</html>
expand to the remaining space after "main_right" occupies the right
220px. I have tried different combinations but the "main_left" drops
down below "main_right".
Many thanks in advance.
......................................................
<head>
<style type="text/css">
/* Main Layout */
#main {
width: 95%;
border: 2px solid #CCC;
margin: 10px auto 0;
padding: 10px;
}
#main_left {width: 545px; border: 1px solid #ccc;}
#main_right {width: 220px; border: 1px solid #ccc;}
/* Floats */
..left {float: left;}
..right {float: right;}
</style>
</head>
<body>
<div id="main">
<div class="left" id="main_left">
Aliquam risus justo, mollis in, laoreet a, consectetuer nec, risus.
Nunc blandit sodales lacus. Nam luctus semper mi. In eu diam
</div>
<div class="right" id="main_right">
efgh
</div>
<div class="clearer"> </div>
</div>
</body>
</html>