Home/ Questions/Q 8997783
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-15T23:56:08+00:00

So the problem is the object tag. it simply refuses to scale heightwise. chrome

  • 0

So the problem is the object tag. it simply refuses to scale heightwise. chrome works perfect. IE and firefox it stays the default height. I am having a really hard time finding cross-browser code. From what I have found from other threads and sites is that the parent container needs to have a height set. so that is why you see height settings on html and body and the <div id="calendar">. Although I understand the theory it still doesn’t work.

side note: the reason for the inline css is cause that’s where i do my css testing. and i didn’t make a fiddle because the object is like 80+ files and i don’t know how to use jsfiddle that well and kinda feel like that isn’t going to be able to get the calendar in there.

<!DOCTYPE html>
<html style="height: 100%" >
<body style="height: 100%" >
    <form >
    <div id="calendar" style="height: 70%">
        <object data="calendar.php" width="50%" style="height: 100%"/>
    </div>
    </form>
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    So the problem is the object tag so where’s the tag? And for the question you asked why you need this 

    html, body {
   height: 100%;
   width: 100%;
}

    is because when you use height: 70%; for child element than the question arises 70% of what? So when you define height to parent in % it defines 70% of 100%

    • 0