hallo allemaal!

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:


	#sitebalk {
	position:absolute;
	top:0px;
	left:775px;
	background-color: #FFFFFF;
	width: 5px;
	height: 100%;
	background-attachment:fixed;
	}


en in de broncode van de site:


<div id="sitebalk">
</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?
Een linkje zou handig zijn. Wat veel simpeler is werken met border-right of border-left. VB:

---------------------------
| | |
| | |
| | |
| | |
| | |
| div1 | div2 |
| | |
| | |
| | |
| | |
---------------------------

En dan die je

#div1{
border-right: 5px;
}

edit: haalt spaties weg, ff plaatje

height is geen valid CSS in IE.
ik zou zeggen:

# div{
position:absolute;
top:0px;
bottom:0px;
right:0px;
width:100px;
background-color: #ffffff;
}
1 grote div met 2 erin , de linker gefloat, En enda de linker div een border-right: 5px; meegeven. PEANUT
Ohw, ik was aan het editen toen Kalle zijn bericht plaatste. Ehm... voorbeeld 2 bevat wat jij zegt. Alleen het werkt niet? Of zie ik nog iets over het hoofd?
Jow Kalle! Het is gelukt hoor.

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 :)

Reageren