(well,i know that this question has been asked many times, but i never saw a clear answer...every time different fixes are needed)
i have an absolutly positioned div inside relative positioned.
i'm want that inner div will take all height of outer div.
applying height:100% to inner div works in firefox but not in IE
(what a suprise
)
is there a way to fix it?IE has a problem with div height.
Also, when you position absolute, it takes that element out of the normal document flow so that it is no longer 'inside' the relative positioned div.Give the outer div a height value.ok thanks
because it is my personal site i decided to leave it as it is and just recommend on using firefox to see the page correctly...
i think, that w3c pages on box layots say that still outer div establishes a containing box relation for its inner div...
that's why 100% height on inner div works in firefox...(correct if i wrong)Not strictly true, but the W3C is a little ambiguous on the subject:
<!-- m --><a class="postlink" href="http://www.w3.org/TR/REC-CSS2/visudet.html#the-height-property">http://www.w3.org/TR/REC-CSS2/visudet.h ... t-property</a><!-- m -->
It is always better to do x-browser support!
i have an absolutly positioned div inside relative positioned.
i'm want that inner div will take all height of outer div.
applying height:100% to inner div works in firefox but not in IE
(what a suprise
)is there a way to fix it?IE has a problem with div height.
Also, when you position absolute, it takes that element out of the normal document flow so that it is no longer 'inside' the relative positioned div.Give the outer div a height value.ok thanks
because it is my personal site i decided to leave it as it is and just recommend on using firefox to see the page correctly...
i think, that w3c pages on box layots say that still outer div establishes a containing box relation for its inner div...
that's why 100% height on inner div works in firefox...(correct if i wrong)Not strictly true, but the W3C is a little ambiguous on the subject:
<!-- m --><a class="postlink" href="http://www.w3.org/TR/REC-CSS2/visudet.html#the-height-property">http://www.w3.org/TR/REC-CSS2/visudet.h ... t-property</a><!-- m -->
It is always better to do x-browser support!