Sidebar met zelfde hoogte als tekst

Pagina: 1
Acties:

Acties:
  • 0 Henk 'm!

  • mcdronkz
  • Registratie: Oktober 2003
  • Laatst online: 16-04 12:44
Ik probeer 't volgende te maken:

+------+ +-----------------------------------------+
|      | |                                         |
|      | |                                         |
|      | |                                         |
|      | |                                         |
|      | |                                         |
|      | |                                         |
|      | |                                         |
|      | |                                         |
|      | |                                         |
+------+ +-----------------------------------------+


In de sidebar aan de linkerkant staat niets. Ik loop tegen het probleem aan dat de sidebar net zo hoog moet zijn als het tekstvak aan de rechterkant, dit krijg ik met geen mogelijkheid voor elkaar.

't Stukje code ziet er zo uit:

HTML:
1
2
3
4
5
6
7
8
9
10
<div id="content">
            <div id="sidebar">
                &nbsp;
            </div>
            
            <div id="text">
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec libero orci, adipiscing vitae accumsan a, aliquam sed nibh. Ut egestas laoreet sapien et dignissim. Aenean tempus purus eu velit rhoncus eget pharetra felis vulputate. Etiam tristique pretium posuere. Nunc ligula enim, ornare et euismod ut, pulvinar ac orci. Pellentesque volutpat, orci eleifend lacinia vulputate, ante diam tempor enim, in facilisis turpis mauris a velit. Aenean bibendum accumsan augue, vel lacinia ipsum ultrices quis. Phasellus facilisis gravida massa, at posuere felis porta eget. Quisque ipsum ligula, tincidunt id fringilla in, consequat et urna. Sed vel arcu non dolor sodales sagittis eu vitae metus. Praesent aliquam eros eu felis sagittis sit amet fermentum urna auctor. Sed id orci lacus. Integer ullamcorper accumsan arcu eget imperdiet. Sed nulla purus, dignissim et porta nec, laoreet at nulla. Vestibulum facilisis elit quis nisl sodales sollicitudin.</p>
            </div>
        </div>
</div>


Ik heb geprobeerd de height aan te passen naar 100%, dat heeft alleen effect als ik #content een vaste waarde meegeef, maar dat wil ik dus niet. Het is echt de bedoeling dat die sidebar net zo hoog wordt als m'n tekst.

Heeft iemand enig idee hoe ik dit klaarspeel?

Acties:
  • 0 Henk 'm!

  • Noork
  • Registratie: Juni 2001
  • Niet online
Met javascript (b.v. dit script) of faux columns. Zoek maar eens op Got.

[ Voor 47% gewijzigd door Noork op 05-05-2009 16:31 ]


Acties:
  • 0 Henk 'm!

  • Cadezo
  • Registratie: Februari 2006
  • Niet online
Faux columns, zie http://www.alistapart.com/articles/fauxcolumns/.

Eén van de meest gestelde vragen in WEB, denk ik.

[ Voor 29% gewijzigd door Cadezo op 05-05-2009 16:31 ]


Acties:
  • 0 Henk 'm!

  • mcdronkz
  • Registratie: Oktober 2003
  • Laatst online: 16-04 12:44
Top, ik ga me even verdiepen in faux columns.