Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.

    • CommentAuthorhcvitto
    • CommentTimeMay 24th 2010
     permalink
    hi
    here's my code (a bit simplified)

    <thisIsADiv id="wrapper" style="width:960px; margin:0 auto; position: relative;">
    <img src="img/bg/wrapper.jpg" alt="" width="960" id="bg" style="position:absolute; top:0; left:0; z-index:0; height:100%;" />
    <some more stuff></stuff>
    </thisIsADiv >

    here's my problem: if i give my image 100% height it works correctly in firefox/chrome (it stretches all allong its wrapper) while in explorer it inherits the page height instead of its parent div. I tried with height=inherit but in firefox/chrome image doesn't stretch at all, in explorer the problem remains the same. Height=auto: the same as above in F/C + explorer doesn't stretch too.

    here's a sample page..

    http://www.azero.it/check/check.html

    and here's a discussion i started on stack overflow which didn't bring up a solution yet.

    http://stackoverflow.com/questions/2881227/absolute-positioned-element-not-getting-100-height

    Thanks
    Vitto
  1.  permalink
    You're trying to give height to the image itself which, by using html's height will do that.
    • CommentAuthorhcvitto
    • CommentTimeMay 25th 2010
     permalink
    exactly..but i need to do it because the page content changes per page.
    I could use javascript to achieve that but i want it to use as my last resort..i'd just lke to know whether that bug has a solution.
    Any input?
Add your comments
    Username Password
  • Format comments as (Help)