[CSS] DIV rechts uitlijnen

Pagina: 1
Acties:
  • 1.174 views sinds 30-01-2008
  • Reageer

  • GekkeCoen
  • Registratie: September 2005
  • Laatst online: 20-02-2025
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
  • Registratie: Augustus 2003
  • Laatst online: 04-01 15:49

JHS

Splitting the thaum.

Cascading Stylesheet:
1
2
3
4
5
.body {
  /* wat er al staat plus */
  margin-left: auto;
  margin-right: 0;
}
:? .

DM!


  • GekkeCoen
  • Registratie: September 2005
  • Laatst online: 20-02-2025
@JHS ik weet niet wat dat is, maar het werkt iig niet. Ik bedoel dat de DIV rechtboven komt te staan.

  • rewind.
  • Registratie: Oktober 2001
  • Laatst online: 09-04 23:04
float: right;

  • JHS
  • Registratie: Augustus 2003
  • Laatst online: 04-01 15:49

JHS

Splitting the thaum.

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:
1
2
3
4
5
6
.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 :) .

DM!


  • Danjel
  • Registratie: April 2004
  • Laatst online: 21:56
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 ]

They who buy the dip, deserves the rip.


  • GekkeCoen
  • Registratie: September 2005
  • Laatst online: 20-02-2025
Bedankt voor de tips, nog een vraagje. Wat houd - percies in? Bijvoorbeeld: margin-top:-100px?

  • JHS
  • Registratie: Augustus 2003
  • Laatst online: 04-01 15:49

JHS

Splitting the thaum.

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

DM!


  • GekkeCoen
  • Registratie: September 2005
  • Laatst online: 20-02-2025
@JHS ok, nu snap ik het. Bedankt voor de duidelijke uitleg! Dit zal ik zeker gaan gebruiken.
Pagina: 1