kmlmustang
New Member
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 \[code\]<div id="calendar">\[/code\]. Although I understand the theory it still doesn't work.other problems include the object covering up the footer and the background-image not covering 100% width. i feel like this is all stemming from the same general problem. my lack of cross-browser code knowledge. So any advice on an site with accurate documentation for cross-browser code or any advice in general is of course welcomed.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.\[code\]<!DOCTYPE html><html style="height: 100%" ><body style="height: 100%" > <form > <div id="calendar" style="height: 70%"> <object data="http://stackoverflow.com/questions/13825966/calendar.php" width="50%" style="height: 100%"/> </div> </form></body></html>\[/code\]