[CSS] DIV rechts uitlijnen

[GekkeCoen]

Hallo iedereen,

Ik ben een website aan het bouwen maar het lukt me maar niet om een DIVje rechst uit kunnen lijnen. Ik heb al vanalles geprobeert zoals float etc. en op Google wordt ik ook niet wijzer.

Voorbeeld: klik hier

Je merkt meteen op dat de div waar de lange tekst instaat rechts uit gelijnd moet worden. Ik wil liever geen float optie, omdat dan de achtergrond image niet mee gaat en als ik dan een DIV er onder zet komt hij door de bovenstaande heen.

[ Voor 3% gewijzigd door GekkeCoen op 28-10-2009 19:13 ]

[JHS]

Cascading Stylesheet:

.body {
  /* wat er al staat plus */
  margin-left: auto;
  margin-right: 0;
}

.

[GekkeCoen]

@JHS ik weet niet wat dat is, maar het werkt iig niet. Ik bedoel dat de DIV rechtboven komt te staan.

[rewind.]

float: right;

[JHS]

Stoney187: Hij geeft aan geen float oplossing te willen.

GekkeCoen: Dat is zegmaar redelijk de standaardmanier om dingen rechts uit te lijnen afaik. Als hij nog naar rechtsboven moet moet je nog wat toevoegen, maar dat kon je zelf wel uitvogelen, dacht ik.

[code=css]ul {
/* plus */
width: 130px;
}

Cascading Stylesheet:

.body {
  /* plus */
  margin-left: auto;
  margin-right: 0;
  margin-top: -100px;   
}

Er is misschien nog wel een mooiere oplossing, maar dit werkt (getest) in FF .

[Danjel]

Breedte aangeven voor je menu en je div#body, Dan aan je menu een float left en je div#body een float right en het moet werken... denk er wel aan dat je eventuele margins en paddings ook mee telt.

[ Voor 21% gewijzigd door Danjel op 10-02-2006 22:11 ]

[GekkeCoen]

Bedankt voor de tips, nog een vraagje. Wat houd - percies in? Bijvoorbeeld: margin-top:-100px?

[JHS]

Minus? Dus in plaats van dat de afstand tussen twee boxxen met een waarde wordt vermindert, wordt 'ie juist vermindert.

[GekkeCoen]

@JHS ok, nu snap ik het. Bedankt voor de duidelijke uitleg! Dit zal ik zeker gaan gebruiken.