I have a which needs to be auto adjusted according to the content in it.. how can i do this, right now my content is coming out of the
the class i have used fo that div is as follows
box-centerside {
background:url("../images/greybox-center-bg1.jpg") repeat-x scroll center top transparent;
float:left;
height:100px;
width:260px;
}
pls help
Don't set height ... or use min-height and max-height instead of height.
<div> should expand automatically. I guess that the problem is that you're using fixed height:100px;, try replacing it with min-height:100px;
Try with the following mark-up:
<html>
<head>
<style type="text/css">
box-centerside {
background:url("../images/greybox-center-bg1.jpg") repeat-x scroll center top transparent;
float:left;
min-height:100px;
width:260px;
}
</style>
</head>
<body>
<div class="box-centerside">
This is sample content<br />
This is sample content<br />
This is sample content<br />
This is sample content<br />
This is sample content<br />
This is sample content<br />
This is sample content<br />
This is sample content<br />
This is sample content<br />
This is sample content<br />
This is sample content<br />
This is sample content<br />
</div>
</body>
</html>