<div> layout

Door onbekend onbekend op 29-10-2006 15:06

767 views

Hoi,

Ik wil graag binnen een div 2 secties uitlijnen. Het is de bedoeling dat aan de linkerkant links/tekst komt te staan en aan de rechterkant een zoekform.

<div>
<div links>tekst en links</div>
<div rechts>zoekform</div>
</div>

Ik krijg het niet voor mekaar. Kan iemand me helpen?

PHP Newbie

29-10-2006 15:12

style="float: left;" voor links en style="float: right;" voor rechts

onbekend onbekend

29-10-2006 15:14

Dat werkt niet... ik wil de hoofd-div opmaken met een achtergrondkleur en een border. De links- en rechts-div vallen nu buiten de hoofd-div!

Onbekende gebruiker

29-10-2006 15:19

div#document { margin-left: 200px; margin-right: 200px; }
div#links { position: absolute; left: 0px; top: 0px; width: 200px; }
div#rechts { position: absolute; right: 0px; top: 0px; width: 200px; }

<div id="document">
... document ...
</div>
<div id="links">
... linkerkant ....
</div>
</div id="rechts">
... rechterkant ...
</div>

Eris -

29-10-2006 15:36

Absolute. vraagt om problemen met IE en of FF

onbekend onbekend

29-10-2006 15:38

Opgelost. IE en FF proof.

<div>
<div style="float: right;">form</div>
<div>tekst links</div>
</div>

Ik heb links en rechts omgekeerd en alleen voor de rechterdiv de float meegegeven.

Reageren

Inloggen om te reageren