Archief - HTML/CSS: Positionering

Ik heb altijd al positionering gedaan via tables, en nu wil ik het eens doen volgens de "correcte" manier, namelijk span,div's en css.

Helaas ga ik al ongeloofelijk vroeg de mist in

wat ik eigenlijk wil realiseren is dit:

<table>
<tr><td>Titeltje:<td><td>inhoud met <br/> line breaks</td></tr>
<tr><td>Titeltje2:<td><td>ook hier stukje tekst met een <br/> of meerdere <br/>line breaks</td></tr>
</table>

ik dacht.. no biggy gewoon in 2 span's naast elkaar zetten en t'is in orde
<span>Titeltje:</span><span>inhoud met <br/> line breaks</span><br/>
<span>Titeltje2:</span><span>ook hier stukje tekst met een <br/> of meerdere <br/>line breaks</span><br/>

het probleem is natuurlijk dat em die linebreaks van in die span's niet enkel doet gelden in dat blokje maar op de hele "rij".

Welke (waarschijnlijk obvious) mistake maak ik hier?

<div id="menu">
<p>Een paragraafje tekst, tussen juiste tags geplaatst, semantische opmaak heet dat</p>
</div>
<div id="inhoud">
<p>Eén paragraaf met vanalle shit. Linebreaks zijn voor pussies</p>
</div>

Stylesheet:
#menu {width: 39%; float: left;}
#inhoud {width: 59%; float: left; margin-left: 39%;}

Somethin like that I spose

bedankt !

linebreaks voor pussies? echt ?

Bwoh, eigenlijk wel . Tenzij voor gedichten of speciale stukken tekst ofzo, heb je normaal gezien geen linebreaks nodig .

PS: het spreekt voor zich dat je de percentages die ik gebruikt heb perfect kan vervangen door waarden in pixels of em's. En je gaat met floating ook nog wat problemen tegenkomen, dus alvast een tip: "clear" ga je nog nodig hebben =]. Ik ga het niet allemaal uit de doeken doen want er is al zoveel over geschreven... Je zoekt het maar eens op "properly clearing floats" ofzo ... Succes!