E ejick Medlem sedan mars 2001 895 inlägg Trådstart 12 jan. 2003 23:03 #1 Hej,
jag sliter snart av mig allt mitt hår då jag inte får en sida att funka. Jag skall ha sidan centrerad och har gjort ett lager med positionen relativ.
#layer1 {position:relative; top:0px; width:400px; z-index:1;}
#layer2 {position:absolute; top:0px; left:5px; width:390px; z-index:2;}
...
<div align="center">
<div id="layer1">
<table width="400" height="100%">
<tr>
<td width="400" height="100%" bgcolor="#FFCCCC" valign="top">
<img src="img/lyr_bgr.gif" width="400" height="450">
<div id="layer2">
<table width="390">
<tr>
<td width="390" valign="top">
<img width="0" height="1000">
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</div>
</div>
Jag vill ha det så att layer1's bakgrundsfärg följer med layer2 så att säga. Beroende på hur högt layer2 är.
Hur skall jag få det att funka??? Jag har för mig att jag har lyckats tidigare.. Jag kan inte ha layer2's position relative, eftersom det är en bild i layer1 som skall ligga under.
Skulle vara roligt om någon kunde hjälpa mig.
P Peter S Medlem sedan dec. 2002 5 483 inlägg
jag sliter snart av mig allt mitt hår
Aj då!
Ta en titt här istället:http://www.peterbailey.net/dhtml/centered.htm
E ejick Medlem sedan mars 2001 895 inlägg Hmm, ja det var ju rätt gjort.. Men det löser inte mitt problem, underlagret på den sidan har bestämd höjd medans jag vill ha en obestämd..
P Peter S Medlem sedan dec. 2002 5 483 inlägg Testa detta:
<style type="text/css">
<!--
#main {
position : relative;
width : 400px;
height : 100%;
background : #eef;
left : 50%;
margin : 0px 0px 0px -200px;
z-index : 1;
}
#content {
position : absolute;
width : 390px;
left : 50%;
margin : 0px 0px 0px -195px;
z-index : 2;
}
-->
</style>
<body>
<div id="main">
<img src="img/lyr_bgr.gif" height="450" width="400" border="0">
<div id="content">
<table width="100%" border="1" align="center">
<tr>
<td>Foo</td>
</tr>
</table>
</div>
</div>
</body>
E ejick Medlem sedan mars 2001 895 inlägg Hmm.. Det fungerar tills jag lägger in en bild eller dyl i tabellen som är högre än lagret under. Jag skulle vilja ha det så att underlagret följer med.
E ejick Medlem sedan mars 2001 895 inlägg Jodå, allt som får det att funka
P Peter S Medlem sedan dec. 2002 5 483 inlägg Då kanske följande gör susen:
<script type="text/javascript">
<!--
window.onload = function(){
document.getElementById("main").style.height = document.getElementById("content").offsetHeight + "px";
};
//-->
</script>
E ejick Medlem sedan mars 2001 895 inlägg You're the man
Klurigt att det inte finns något enklare sätt..
Tack!
