Skip to content Skip to sidebar Skip to footer
Home / Html

HTML Div Height Auto

Post a Comment
I have an requirement where inside an TR, i will have three TDs . First TD and Third TD should be scrollable and second TD is an ruler Image such as dividing first and third (simil

Solution 1:

With a floating div it should be far more easy:

<html>
<head>

<style type="text/css">
<!--
body {
  margin:0;
  padding:0; 
  height:100%
}
#div1 {
  height:100%;
  width:50%;
  overflow:auto;
  display:inline-block;
  float:left;
  background:#6666CC;  
}
#div2 {
  height:100%;
  width:45%;
  overflow:auto;
  display:inline-block;
  background:#6666CC;
  margin-left:5%;
}
-->
</style>

</head>
<body>

<div id="div1">
</div>

<div id="div2">
</div>

</body>

Post a Comment for "HTML Div Height Auto"