Nieuw lid |
|
Hallo,
Ik heb de volgende opbouw van een website:
<div id="wrapper">
<div id="container">
<div id="header"><a href="test.html" class="testlink" >a</a></div>
<div class="contentwrapper">
<div id="sidebar-left">bla</div>
<div id="content">bla</div>
<div id="sidebar-right">blka</div>
</div>
</div>
</div>
<div id="header"><a href="test.html" class="testlink" >a </a></div> <div class="contentwrapper"> <div id="sidebar-left">bla </div> <div id="sidebar-right">blka </div>
Met deze css:
body, html {
height:100%;
width:100%;
}
#wrapper {
background:transparent url(../images/body-bg.png) repeat-x scroll 0 0;
height:100%;
padding-bottom:100px;
width:100%;
}
#container {
margin:auto;
width:1037px;
}
#header {
background-color:#F00;
height:239px;
width: 1036px;
height: 200px;
margin: 0;
padding: 0;
}
.contentwrapper {
position:absolute;
z-index:1;
}
#sidebar-left {
float:left;
margin:0 0 100px 37px;
width:241px;
background-color:#0F0;
}
#content {
float:left;
margin:0 0 0 9px;
width:500px;
background-color:#00F;
}
#sidebar-right {
float:left;
margin:18px 0 0 10px;
width:203px;
background-color:#FF0
}
.testlink {
background:transparent url(link.gif) no-repeat scroll 0 0;
display:block;
float:right;
height:20px;
margin-right:35px;
margin-top:200px;
width:90px;
}
body, html { height:100%; width:100%; } #wrapper { background:transparent url(../images/body-bg.png) repeat-x scroll 0 0; height:100%; padding-bottom:100px; width:100%; } #container { margin:auto; width:1037px; } #header { background-color:#F00; height:239px; width: 1036px; height: 200px; margin: 0; padding: 0; } .contentwrapper { position:absolute; z-index:1; } #sidebar-left { float:left; margin:0 0 100px 37px; width:241px; background-color:#0F0; } #content { float:left; margin:0 0 0 9px; width:500px; background-color:#00F; } #sidebar-right { float:left; margin:18px 0 0 10px; width:203px; background-color:#FF0 } .testlink { background:transparent url(link.gif) no-repeat scroll 0 0; display:block; float:right; height:20px; margin-right:35px; margin-top:200px; width:90px; }
Nu is het probleem dat de link (testlink) onder de margin van de sidebar-left valt en er dus niet op geklikt kan worden. Ik heb al vanalles geprobeerd met z-index maar dat lijkt niets te helpen.
De reden dat de link niet in de sidebar-left zelf kan staan is omdat ik werk met templates en ik de link op deze manier maar één keer hoef te maken namelijk in de header. Anders zou ik hem in ieder template in de sidebar-left moeten plaatsen.
Ik heb echt geen idee of dit op te lossen is...
Alvast bedankt!
Peter
|