Hello all !!!!
I have a simple question, about divs and IE mac...
My question is : is it me, or doesn't IE mac support the height parameter of a div ????
What about the zindex ???
On my page, I have several divs. One is an iframe, with an height of, let's say, 400px. Just below it, I have another div. In EVERY browser, it works ( opera, FF mac and PC, netscape, IE PC ), but in IE mac, the iframe goes all the way to the bottom of the page.
This is really annoying, as people can't see the div that's just below.
The zindex of the iframe is 8, the zindex of the div below it is 23...
Is it me, or is there really a problem with this browser ?
On my other site, also using divs and absolute positionning, I have exactly the same problem... Divs seem to elongate as long as they have space to do so, even if the height is defined as 30px...
anyone has an explanation ?
I mean, maybe it's me, but I'm not such a newbie with css, so it's a bit weird. ( but if there is a solution, I would be uber glad to have it )Hello Ness - I wondered why you were 'onsite' so much!
Have you defined the 'overflow' parameter?
There's some interesting notes on that here: <!-- m --><a class="postlink" href="http://www.quirksmode.org/css/overflow.html">http://www.quirksmode.org/css/overflow.html</a><!-- m -->
Or isn't it affected at all by content?
Do you have the full set of code that applies to the divs you're working on?
CYA
DaveHi Dave !!!
the full set of code... mmmm.... I can give you the style sheet.
#frame {
position: absolute;
top: 84px;
width: 554px;
left: 276px;
height: 485px;
z-index:20;
}
#version {
position: absolute;
top: 580px;
left: 400px;
font-size: 10px;
z-index: 30;
height: 15px;
}
That's the part concerning the iframe and the version div ( the one that's NOT supposed to be below the iframe... )
Now, the page... I'll let out most of the things, otherwise, I'l need two posts, and most of the things are javascript functions, which have nothing to do with the design. So, here we go...
accueil.htm
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Les Enfants de l'Ô - version 3.0 - Mayi</title>
<link rel="shortcut icon" type="image/x-icon" href=http://www.webdeveloper.com/forum/archive/index.php/"favicon.ico">
<link rel="stylesheet" href=http://www.webdeveloper.com/forum/archive/index.php/"css1.css" type="text/css" id="pStyle">
<link rel="stylesheet" href=http://www.webdeveloper.com/forum/archive/index.php/"css.css" type="text/css">
<base target="iframe1">
</head>
<body class="body" onload="document.urlForm.cUrl.value='http://psychomoa.free.fr/'+document.getElementById('iframe1').src;cookie()">
<div id="frame">
<iframe id="iframe1" name="iframe1" width="100%" height="100%" frameborder="0" src=http://www.webdeveloper.com/forum/archive/index.php/"edito2.htm"></iframe>
</div>
<div id="version">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#" target="IFrame2" onmousedown="sTop=top.frames['iframe1'].document.getElementsByTagName('body')[0].scrollTop" onclick="switchCSS(1);return false">White</a>
<!-- <a href=http://www.webdeveloper.com/forum/archive/index.php/"versioncheck2.php?newskin=1" target="IFrame2" onmousedown="sTop=top.frames['iframe1'].document.getElementsByTagName('body')[0].scrollTop" onclick="switchCSS(1);">White</a> -->
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#" target="IFrame2" onmousedown="sTop=top.frames['iframe1'].document.getElementsByTagName('body')[0].scrollTop" onclick="switchCSS(2);return false">Violet</a>
<!-- <a href=http://www.webdeveloper.com/forum/archive/index.php/"versioncheck2.php?newskin=2" target="IFrame2" onmousedown="sTop=top.frames['iframe1'].document.getElementsByTagName('body')[0].scrollTop" onclick="switchCSS(2);">Violet</a> -->
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#" target="IFrame2" onmousedown="sTop=top.frames['iframe1'].document.getElementsByTagName('body')[0].scrollTop" onclick="switchCSS(3);return false">Orange</a>
<!-- <a href=http://www.webdeveloper.com/forum/archive/index.php/"versioncheck2.php?newskin=3" target="IFrame2" onmousedown="sTop=top.frames['iframe1'].document.getElementsByTagName('body')[0].scrollTop" onclick="switchCSS(3);">Orange</a> -->
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#" target="IFrame2" onmousedown="sTop=top.frames['iframe1'].document.getElementsByTagName('body')[0].scrollTop" onclick="switchCSS(4);return false">Bleu</a>
<!-- <a href=http://www.webdeveloper.com/forum/archive/index.php/"versioncheck2.php?newskin=4" target="IFrame2" onmousedown="sTop=top.frames['iframe1'].document.getElementsByTagName('body')[0].scrollTop" onclick="switchCSS(4);">Bleu</a> -->
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#" target="IFrame2" onmousedown="sTop=top.frames['iframe1'].document.getElementsByTagName('body')[0].scrollTop" onclick="switchCSS(5);return false">Vert</a>
<!-- <a href=http://www.webdeveloper.com/forum/archive/index.php/"versioncheck2.php?newskin=5" target="IFrame2" onmousedown="sTop=top.frames['iframe1'].document.getElementsByTagName('body')[0].scrollTop" onclick="switchCSS(5);">Vert</a> -->
</div>
</body>
</html>
as you can see, most of the stuff is gone. It's the page I gave you the link to. In case, here it is : website (<!-- m --><a class="postlink" href="http://psychomoa.free.fr/accueiltestcookie2.php">http://psychomoa.free.fr/accueiltestcookie2.php</a><!-- m -->)
Overflow ??? But it's just an iframe ?!!!! With normal content inside !!! So... I don't know... I should give a look to that link you gave me. I mean, the problem is probably the div, not the iframe... but I have the impression that the iframe extends forever... The height is defined, but IE mac doesn't care...Hey Ness
Whilst frame height is set to 485px, the iframe inside is set to 100%...
That's probably what's confusing the poor ol' browser here!
Try switching 100% to be 485px like it's parent.
At my present rate of progress that probably won't work, but c'est la vie... (I'm working on a java assignment and getting outofbounds errors!)
Anyway, see if it helps
Dave
I have a simple question, about divs and IE mac...
My question is : is it me, or doesn't IE mac support the height parameter of a div ????
What about the zindex ???
On my page, I have several divs. One is an iframe, with an height of, let's say, 400px. Just below it, I have another div. In EVERY browser, it works ( opera, FF mac and PC, netscape, IE PC ), but in IE mac, the iframe goes all the way to the bottom of the page.
This is really annoying, as people can't see the div that's just below.
The zindex of the iframe is 8, the zindex of the div below it is 23...
Is it me, or is there really a problem with this browser ?
On my other site, also using divs and absolute positionning, I have exactly the same problem... Divs seem to elongate as long as they have space to do so, even if the height is defined as 30px...
anyone has an explanation ?
I mean, maybe it's me, but I'm not such a newbie with css, so it's a bit weird. ( but if there is a solution, I would be uber glad to have it )Hello Ness - I wondered why you were 'onsite' so much!
Have you defined the 'overflow' parameter?
There's some interesting notes on that here: <!-- m --><a class="postlink" href="http://www.quirksmode.org/css/overflow.html">http://www.quirksmode.org/css/overflow.html</a><!-- m -->
Or isn't it affected at all by content?
Do you have the full set of code that applies to the divs you're working on?
CYA
DaveHi Dave !!!
the full set of code... mmmm.... I can give you the style sheet.
#frame {
position: absolute;
top: 84px;
width: 554px;
left: 276px;
height: 485px;
z-index:20;
}
#version {
position: absolute;
top: 580px;
left: 400px;
font-size: 10px;
z-index: 30;
height: 15px;
}
That's the part concerning the iframe and the version div ( the one that's NOT supposed to be below the iframe... )
Now, the page... I'll let out most of the things, otherwise, I'l need two posts, and most of the things are javascript functions, which have nothing to do with the design. So, here we go...
accueil.htm
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Les Enfants de l'Ô - version 3.0 - Mayi</title>
<link rel="shortcut icon" type="image/x-icon" href=http://www.webdeveloper.com/forum/archive/index.php/"favicon.ico">
<link rel="stylesheet" href=http://www.webdeveloper.com/forum/archive/index.php/"css1.css" type="text/css" id="pStyle">
<link rel="stylesheet" href=http://www.webdeveloper.com/forum/archive/index.php/"css.css" type="text/css">
<base target="iframe1">
</head>
<body class="body" onload="document.urlForm.cUrl.value='http://psychomoa.free.fr/'+document.getElementById('iframe1').src;cookie()">
<div id="frame">
<iframe id="iframe1" name="iframe1" width="100%" height="100%" frameborder="0" src=http://www.webdeveloper.com/forum/archive/index.php/"edito2.htm"></iframe>
</div>
<div id="version">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#" target="IFrame2" onmousedown="sTop=top.frames['iframe1'].document.getElementsByTagName('body')[0].scrollTop" onclick="switchCSS(1);return false">White</a>
<!-- <a href=http://www.webdeveloper.com/forum/archive/index.php/"versioncheck2.php?newskin=1" target="IFrame2" onmousedown="sTop=top.frames['iframe1'].document.getElementsByTagName('body')[0].scrollTop" onclick="switchCSS(1);">White</a> -->
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#" target="IFrame2" onmousedown="sTop=top.frames['iframe1'].document.getElementsByTagName('body')[0].scrollTop" onclick="switchCSS(2);return false">Violet</a>
<!-- <a href=http://www.webdeveloper.com/forum/archive/index.php/"versioncheck2.php?newskin=2" target="IFrame2" onmousedown="sTop=top.frames['iframe1'].document.getElementsByTagName('body')[0].scrollTop" onclick="switchCSS(2);">Violet</a> -->
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#" target="IFrame2" onmousedown="sTop=top.frames['iframe1'].document.getElementsByTagName('body')[0].scrollTop" onclick="switchCSS(3);return false">Orange</a>
<!-- <a href=http://www.webdeveloper.com/forum/archive/index.php/"versioncheck2.php?newskin=3" target="IFrame2" onmousedown="sTop=top.frames['iframe1'].document.getElementsByTagName('body')[0].scrollTop" onclick="switchCSS(3);">Orange</a> -->
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#" target="IFrame2" onmousedown="sTop=top.frames['iframe1'].document.getElementsByTagName('body')[0].scrollTop" onclick="switchCSS(4);return false">Bleu</a>
<!-- <a href=http://www.webdeveloper.com/forum/archive/index.php/"versioncheck2.php?newskin=4" target="IFrame2" onmousedown="sTop=top.frames['iframe1'].document.getElementsByTagName('body')[0].scrollTop" onclick="switchCSS(4);">Bleu</a> -->
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#" target="IFrame2" onmousedown="sTop=top.frames['iframe1'].document.getElementsByTagName('body')[0].scrollTop" onclick="switchCSS(5);return false">Vert</a>
<!-- <a href=http://www.webdeveloper.com/forum/archive/index.php/"versioncheck2.php?newskin=5" target="IFrame2" onmousedown="sTop=top.frames['iframe1'].document.getElementsByTagName('body')[0].scrollTop" onclick="switchCSS(5);">Vert</a> -->
</div>
</body>
</html>
as you can see, most of the stuff is gone. It's the page I gave you the link to. In case, here it is : website (<!-- m --><a class="postlink" href="http://psychomoa.free.fr/accueiltestcookie2.php">http://psychomoa.free.fr/accueiltestcookie2.php</a><!-- m -->)
Overflow ??? But it's just an iframe ?!!!! With normal content inside !!! So... I don't know... I should give a look to that link you gave me. I mean, the problem is probably the div, not the iframe... but I have the impression that the iframe extends forever... The height is defined, but IE mac doesn't care...Hey Ness
Whilst frame height is set to 485px, the iframe inside is set to 100%...
That's probably what's confusing the poor ol' browser here!
Try switching 100% to be 485px like it's parent.
At my present rate of progress that probably won't work, but c'est la vie... (I'm working on a java assignment and getting outofbounds errors!)
Anyway, see if it helps
Dave