ejickMedlem sedan mars 2001895 inlägg 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.
Peter SMedlem sedan dec. 20025 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
:)
ejickMedlem sedan mars 2001895 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..
Peter SMedlem sedan dec. 20025 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>
:)
ejickMedlem sedan mars 2001895 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.
Peter SMedlem sedan dec. 20025 483 inlägg Är JavaScript tillåtet? :e
:)
ejickMedlem sedan mars 2001895 inlägg Jodå, allt som får det att funka :)
Peter SMedlem sedan dec. 20025 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>
:)
ejickMedlem sedan mars 2001895 inlägg You're the man :birp
Klurigt att det inte finns något enklare sätt..
Tack!
