I'm trying to design a website that is tableless using DIV tags. I have a slight problem with a nested div tag.
Here is the code I am using
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style>
body{
background-color: #F0F0F0;
padding:0px;
margin:0px;
}
</style>
</head>
<body>
<div style=" width:976px; height:100%; margin-left:auto; margin-right:auto; background-color:#FFFFFF;">
<div style="width: 960px; height:100%; background-color:#FFFFFF; background-image:url(images/b_l.gif); background-repeat:repeat-y; float: left; padding-left:10px;">
a<br />
b<br />
c<br />
</div>
<div style="width: 6px; line-height:inherit; height: inherit; background-repeat:repeat-y; float:right; background-image:url(images/b_r.gif);"> </div>
</div>
</body>
</html> |
The last div tag:
<div style="width: 6px; height: 100%; background-repeat:repeat-y; float:right; background-image:url(images/b_r.gif);"> |
Has a background image, however it does not reach the height of the div tag that it is inside of.
Does anyone know how I can make this nested div tag stretch to the same height as the one it is nested in?
Edited by VBScript - 16 June 2007 at 5:56pm
Topic Options
Post Options
Thanks(0)
