Positionering DIV

[Anonymous]

Ik heb een website waar links een menu staat, in het midden de content, en rechts moet nog een kopje komen met updates. Nu is het menu links een vaste waarde, en het content deel heb ik een percentage meegegeven met een minimum breedte, hoe krijg ik nu echter het rechterblok zo dat hij altijd 10px rechts van het middelste blok staat? Als ik hem 10px van de rechterkant zet (right: 10px) dan schuift hij over het middelste blok heen als het scherm kleiner word, als ik hem een bepaald aantal pixels van de linkerkant zet zal hij over het content blok heenkomen als het scherm groter word.

De vraag in het kort is dus hoe koppel ik de positie van een divblok aan de rechterkant van een ander divblok?

[frizzy]

Ik begrijp niet helemaal wat u bedoelt, maar ik zou eens proberen om met position:relative; in de div die gepositioneerd moet worden te zetten. Als dit ook niet werkt, kan u even tekenen in paint wat u bedoelt?

[Rik]

Dat kan inderdaad, kloppen, wanneer je absolute positioneert, hoort hij niet meer bij de andere blokken. De oplossing weet ik helaas niet, maar met absoluta positionering is de kans klein dat dit gaat lukken.

[Anonymous]

http://bartvanzon.nl/elsolvoorbeeld/
dit is wat ik bedoel
gaat om het rechter kader (news content), ik heb hem hier even aan de linkerkant gekoppeld maar het is dus de bedoelling dat hij aan de rechter kant van het content vak gekoppeld word.

[frizzy]

[Anonymous]

kijk maar,
http://bartvanzon.nl/elsolvoorbeeld/
en
http://www.bartvanzon.nl/elsolvoorbeeld/stylesheet.css


ik heb er "left: 59px" aan toe moeten voegen omdat hij anders er nog steeds over content heen hing,
dat lijkt bij 1024*768 leuk te werken, maar bij een hogere resolutie valt hij er dan als nog over heen....

[frizzy]

Dan moet je met float gaan werken:
http://www.sitemasters.be/?pagina=tutor ... at=2&id=90

[Anonymous]

of gewoon de linkerkant aan de linkerkant koppelen,
en de rechterkant aan de rechterkant, zodat de content gewoon oprekt, en de zijkanten altijd hetzelfde blijven, zoals het nu online staat was het de bedoeling.
in iedergeval bedankt voor het meedenken frizzy

[frizzy]

<div style="float:left;">div1</div>
<div style="float:left;">div2</div>
<div style="float:right;">div3</div><!-- deze staat helemaal aan de rechter kant)
of:
<div style="float:left;">div1</div>
<div style="float:left;">div2</div>
<div style="float:left;">div3</div>