lag over iframe - igen
Jeg arbejder med to problemer. 1) Sidecentrering uden tabeller, og 2) at vise lag over en iframe - også i NS6.Problem 1 er nu løst - i første omgang på den enkleste måde, dvs. med ren css (tester også pelkjaers script, (se: http://www.eksperten.dk/spm/238968 ) i anden omgang). Men problem 2 er uløst. I går havde pelkjaer et forslag til løsning, se http://www.eksperten.dk/spm/238563 , men det virkede ikke i NS6. Men nu er situationen jo en anden med den centrerede side. Her er koden, dokumentet kan ses på www.dahr.dk/Z-index/centrering_u_tabel.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
/* Sidecentrering frit efter BlueRobot http://bluerobot.com/web/css/center1.html */
body {
margin:30px 0px; padding:0px;
text-align:center;
}
div#sidecentrering {
position:relative; width:800px; height:550px; margin:0px auto;
text-align:left; padding:0px; border:1px dashed #333; background-color:white;
}
div#venstrespalte {
position:absolute; top:0px; left:0px; width:200px; height:100%;
background-color:#fcfcac;
}
div#midterspalte {
position:absolute; top:0px; left:200px; width:400px; height:100%;
background-color:#fcacfc;
}
div#hoejrespalte {
position:absolute; top:0px; left:600px; width:200px; height:100%;
background-color:#acfcfc;
}
div#lag1 {
position:absolute; z-index:1; top:100px; left:150px; width:300px; height:100px;
background-color:#ff0000; border:1px; visibility:hidden;
}
div#lag2 {
position:absolute; z-index:2; top:250px; left:100px; width:300px; height:100px;
background-color:#00ff00; border:1px; visibility:hidden;
}
div#lag3 {
position:absolute; z-index:3; top:380px; left:430px; width:300px; height:100px;
background-color:#0000ff; border:1px; visibility:hidden;
}
iframe {
top:100px; left:0px; width:100%; height:400px; z-index:0;
}
</style>
<script type="text/javascript">
// Frit efter "pelkjaer" på www.eksperten.dk. - Tak -
function findContent(theObj, theDoc) {
var p, i, foundObj;
if(!theDoc) theDoc = document;
if(!foundObj && document.getElementById && self!=parent) foundObj = parent.document.getElementById(theObj);
if(!foundObj && document.getElementById && self==parent) foundObj = document.getElementById(theObj);
return foundObj;
}
function showHideContent() {
var i, visStr, obj, args = showHideContent.arguments;
for (i=0; i<(args.length-1); i+=2) {
if ((obj = findContent(args[i])) != null) {
visStr = args[i+1];
if (obj.style) {
obj = obj.style;
if(visStr == 'show') visStr = 'visible';
else if(visStr == 'hide') visStr = 'hidden';
}
obj.visibility = visStr;
}
}
}
</script>
</head>
<body>
<div id="sidecentrering">
<div id="lag1"></div>
<div id="lag2"></div>
<div id="lag3"></div>
<div id="venstrespalte">
<p><a href="java script:showHideContent('lag1','show');">Vis lag 1</a></p>
<p><a href="java script:showHideContent('lag1','hide');">Skjul lag 1</a></p>
</div>
<div id="midterspalte">
<p><a href="java script:showHideContent('lag2','show');">Vis lag 2</a></p>
<p><a href="java script:showHideContent('lag2','hide');">Skjul lag 2</a></p>
<iframe src="tom.html" scrolling="yes"></iframe>
</div>
<div id="hoejrespalte">
<p><a href="java script:showHideContent('lag3','show');">Vis lag 3</a></p>
<p><a href="java script:showHideContent('lag3','hide');">Skjul lag 3</a></p>
</div>
</div>
</body>
</html>
Det virker fint i IE, men i NS kommer lagene om bag iframen. Kan det overhovedet løses?
