Home/ Questions/Q 7972149
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-04T07:47:32+00:00

I want to have effect with div where left div is 100% and right

  • 0

I want to have effect with div where left div is 100% and right stay fixed

<!DOCTYPE html>
<html>
<style>
.left {
width: 100%;
float: left;
border: #ccc solid 1px;
}
.right {
width: 50px;
float:left;
border: #987 solid 1px;
}
.main {
border: #666 solid 1px;
margin: 0px auto;
}
.clear {
clear:both;
}

</style>
<body>
<div class="main">
<div class="left">
</div>
<div class="right">
</div>
<div class="clear"></div>
</div>
</body>
</html>

I know I could use table to achieve this easy, but how can I achieve this with div’s

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You mean this?:
    http://jsfiddle.net/JPPaf/

    If you’re going to use borders nest another div inside and apply borders to that inner div since it will save you alot of problems.

    <!DOCTYPE html>
<html>
<style>
.left {
margin-right:50px;
background:red;
}
.right {
width:50px;
float:right;
background:green;
}
.main {
border: #666 solid 1px;
margin: 0px auto;
}
.clear {
clear:both;
}

</style>
<body>
<div class="main">
<div class="right">
right
</div>
<div class="left">
left
</div>
<div class="clear"></div>
</div>
</body>
</html>
    • 0