iframe and divs

[ram4nd]

I have code:

<div><div>Header div</div><iframe src="google.com"></iframe></div>

 

Header is 100px height and iframe is 100%. The problem is that the first div is 100% + 100px height. I need to make it just 100%.

[haku]

Unfortunately, CSS doesn't allow for calculated values.

[ram4nd]

hmm so I should do the header 10% and the content iframe 90% height? Is that the only option?

[otuatail]

Not much code to go on here have you got

*

{

    padding: 0;

    margin: 0;

}

 

in the style sheet

 

Desmond.

 

[haku]

hmm so I should do the header 10% and the content iframe 90% height? Is that the only option?

 

I'm not sure to tell the truth. That would be one method, but have you tried setting the height of the iframe to 100%, and not setting the height of the header? That may possibly work. I'm not sure if the iframe will go to 100% of the container's height, or 100% of the available space. I kind of think it won't work to tell the truth, but its worth a try.

[ram4nd]

owned it with javascript