Fri, 2005-02-25 11:27
I'm going crazy with this one - if I use absolute positioning on a DIV and let the browser determine its size by using both top,left and bottom,right sets of properties (which Safari does correctly) and then place an IFRAME with 100% width and height inside that DIV - I'd expect that that IFRAME would be as high/wide as its parent right? Nope - in Safari height of that IFRAME is actually larger than the parent (and consequently enlarges the parent and messes-up my layout) - it seems that it took-up the height of the body.
Any ideas or fixes for this bug? Am I doing something wrong? (it works in mozilla and opera based browsers without problems)
Example:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html> <head> <title>Test</title> <style> html, body { height: 100%; margin: 0; padding: 0; } #testing { position: absolute; top: 150px; bottom: 150px; left: 150px; right: 150px; background-color: red; } </style> </head> <body> <div id="testing"><iframe id="content_frame" frameborder="0" scrolling="yes" width="100%" height="100%" src="0delete.htm"> </iframe></div> </body> </html>