/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Klassisk sidemenu med CSS
Fra : Rune Christiansen


Dato : 21-03-05 20:04

Hej d.e.i.w.h.

Jeg sidder og roder med en klassisk sidemenu (ala http://www.pi.dk/, men
med farvet baggrund i stedet for et baggrundsbillede).

Jeg bruger 3 gange <div>, som alle skal fylde hele højden af siden. En
alm. 'height:100%' er som bekendt kun 100% af skærmens højde, hvilket jo
ikke er brugbart når der scrolles.

Spørgsmålet er:

Hvordan får jeg <div>'erne til at "følges ad" uden at benytte
'position:fixed'?

Her er den "quick 'n dirty" side jeg eksperimenterer med:

---klip---

<style>

#tA {

background: #FF0000;
width: 150px;
height: 100%;
position: absolute;
top: 0px;
left: 0px;

}

#tB {

background: #00FF00;
width: 150px;
height: 100%;
position: absolute;
top: 0px;
left: 150px;

}

#tC {

background: #0000FF;
width: 150px;
position: absolute;
top: 0px;
left: 300px;

}

</style>

<div id="tA">menu (tA)</div>
<div id="tB">divider (tB)</div>
<div id="tC">

content (tC)
<br>
.... [klip: en masse <br> for at få siden til at scrolle]
<br>
<br>
asdf

</div>

---klip---

Mvh.

--
Rune

 
 
Søg
Reklame
Statistik
Spørgsmål : 177501
Tips : 31968
Nyheder : 719565
Indlæg : 6408528
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste