Balk over hoogte website
Ik ben bezig met een layout. Nu heb ik een plaatje als achtergrond. Deze staat als fixed ingesteld.
Nu heb ik een layout gebaseerd op 800 pixels breed. De site is links uitgelijnt.
Wat me nu mooi lijkt is om een witte balk de "echte" site af te bakenen. Dit heb ik nu met een div layer gedaan.
css:
Code (php)
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
#sitebalk {
position:absolute;
top:0px;
left:775px;
background-color: #FFFFFF;
width: 5px;
height: 100%;
background-attachment:fixed;
}
position:absolute;
top:0px;
left:775px;
background-color: #FFFFFF;
width: 5px;
height: 100%;
background-attachment:fixed;
}
en in de broncode van de site:
Code (php)
1
2
2
<div id="sitebalk">
</div>
</div>
Nu heb ik twee dingen op te lossen.
1. In firefox wordt de hoogte de beeldscherm hoogte. Wanneer een pagina zo lang is dat er gescrolld moet worden is de witte balk onder aan de pagina weg.
2. In internetexplorer is de balk maar een tekstregel hoog.
Ik denk dus zelf dat ik iets anders moet doen. Alleen heb ik geen flauw benul meer wat te doen. Wie kan me uit de brand helpen?
---------------------------
| | |
| | |
| | |
| | |
| | |
| div1 | div2 |
| | |
| | |
| | |
| | |
---------------------------
En dan die je
#div1{
border-right: 5px;
}
edit: haalt spaties weg, ff plaatje
Gewijzigd op 24/03/2006 20:56:00 door Kalle P
ik zou zeggen:
# div{
position:absolute;
top:0px;
bottom:0px;
right:0px;
width:100px;
background-color: #ffffff;
}
Gewijzigd op 24/03/2006 20:52:00 door Pieter van Linschoten
Ik heb nu om alle div-layers een div layer pagina gezet.
Dat is te zien in voorbeeld 2
http://www.vervandekade.nl/voorbeeld2.php
En dit had ik eerst
http://www.vervandekade.nl/voorbeeld1.php
Wie o wie?
Gewijzigd op 24/03/2006 21:33:00 door Crispijn -
eens, dit is denk ik wat je wilt. Kijk eens onder aan de site of het klopt (daar staat een vb van hoe het eruit ziet).
Zie hier het resultaat.
http://www.vervandekade.nl/goed.php
Deze opzet is een stuk beter. Ben blij dat ik hier op de site het een en ander gevraagd heb!
Groeten! En bedankt :)