[css] centreren

[TangLeFuzZ]

Hey,

ik zag laatst ergens dat je met CSS ook bepaalde zaken kon centreren (wist ik nog niet, ik dacht dat je alleen maar een LEFT en TOP marge op kon geven), dat is dus wel handig, maar kun je met CSS ook het volgende doen:

De positie 200 pixels vanaf het midden gebruiken.
Dus 200 pixels vanaf de plek waar hij normaal gecentreerd zou worden, is dat mogelijk?

En als dit kan, hoe zit het dan met als je je scherm verkleind/vergroot, als je het bovenstaande met javascript doet dan past hij dat automatisch aan als je je window aanpast, maar is dit met css ook zo, of pakt hij dan gewoon de plek waar hij te zien was toen je de pagina voor het eerst bekeek?

[Verwijderd]

code:

<div align="center">
   <div style="position:relative; left:-200px;">
    Dit zou 200px links van het midden moeten komen...
   </div>
</div>

Ik heb het nooit geprobeerd, echter...

[TangLeFuzZ]

Dat werkt op zich wel ja, thnx, maar ik heb nu nog het probleem dat m'n divjes niet relative mogen zijn maar absolute (gaat hier om hidden drop down menu's)

[marcusk]

code:

<DIV ALIGN="center">
  <DIV STYLE="position:absolute">
    (midden)
    <DIV STYLE="position:absolute; left:200px">
     (midden + 200)
    </DIV>
    <DIV STYLE="position:absolute; left:-200px">
     (midden - 200)
    </DIV>
  </DIV>
</DIV>

[TangLeFuzZ]

Dank je, dat werkt goed, maar nu zit ik nog met dat probleem van 'venster kleiner maken', als je je venster niet hebt gemaximaliseerd klopt het namelijk niet meer ...

[TangLeFuzZ]

Hey,

het volgende werkt niet in netscape

code:

<DIV ALIGN="center">
  <DIV STYLE="position:absolute">
    (midden)
  </DIV>
</DIV>

Moet je daar een andere tag gebruiken ofzo?
Kun je daar niet met absolute werken?

[marcusk]

code:

<DIV STYLE="position:absolute; left:50%">
...
</DIV>

misschien werkt dat?

[paragon]

Wat je kan doen is met js je div die in het midden moet staan centreren. En dan deze fumctie bij elke resize aanroepen. Dan werkt het prima

http://www.xs4all.nl/~paragonx/ hier staat het een en ander uitgelegd.