>
> However, you can often use the containing block to get the same effect;
> when the width is 'auto' (the default), the content width will stretch
> to fill the containing block.
>   http://www.w3.org/TR/REC-CSS2/visudet.html#q6


OK I think Ive done what you suggest. I have moved the border attribute to
the outer container block and set the height and width of the (containing)
block to auto. I have set the inner container (content) width and height to
100%. This works OK under IE but still fails under Mozilla.

Have I understood your suggestion correctly?


<HEAD>

<STYLE type="text/css">

#body

{
 position:absolute;
 width:auto;
 height:auto;
 margin:0px 0px 0px;
 padding:0px 0px 0px;
 border:100px solid yellow ;
}


#box
{

 background-color: red;
 width:100%;
 height:100%;
 padding:0px 0px 0px;
 margin:0px 0px 0px;

}

</STYLE>

</HEAD>

<BODY ID='body'  >

<DIV id="box"/>

</BODY>

</HTML>






Reply via email to