[CSS] <img> align="center" valign="middle" maar dan in CSS 2

[Verwijderd]

Beste tweakers...

Ik heb nu ruim 2 uur gezocht, en kan dé juiste oplossing voor mijn probleem niet
vinden. Ik heb een tabel met cellen, en in zo'n cel wil ik een plaatje (dat kleiner
dan de cel is) precies in het midden hebben (2 x). Dus van boven naar beneden in
het midden, en van links naar rechts in het midden. Met align="center" en
valign="middle" kan dit, maar ik werk nu met CSS omdat ik hier met lagen moet
werken. De CSS code moet in een apart *.css bestand komen, en ik werk met
<div id="$">. Wie kan mij aub verder helpen? Ik weet dat je íets met percentage
moet kunnen ofzo, of met scroll/flow, maar het wordt nergens goed uitgelegd (of
ik lees niet goed )

Alvast bedankt!

Update:

Ik heb dus:

HTML:

#background
{
align: center;
vertical-align: middle;
}

gebruikt een aangeroepen met:

HTML:

    <td width="779"><DIV ID="background">[img]"C:/Documents[/img]</div></td>

_{mja, het is nog een bitmap}

En dit werkt dus niet... Geeft helemaaaaal niet hetzelfde effect als dat je de
topictitel in de <img> tag zou zetten... Het plaatje staat juist helemaal links!

Iemand de júiste oplossing?

ps sorry voor de fucked-up layout (gelukkig nu niet op FP)

[ Voor 7% gewijzigd door Verwijderd op 08-10-2003 16:54 . Reden: Toch maar XXXXX van gemaakt ]

[dArtagnan]

CSS en centreren

[Willem]

Topic heropenen wordt niet op prijs gesteld
[rml][ CSS] <img> align="center" valign="middle" maar dan in CSS ?[/rml]

[robbert]

centreren met css is een geziek, een scripje kan een oplossing zijn.

code:

function center(div) {
    bodyWidth = document.body.clientWidth? document.body.clientWidth:window.innerWidth;
    divWidth = document.getElementById(div).offsetWidth;
    
    bodyHeight = document.body.clientHeight? document.body.clientHeight:window.innerHeight;
    divHeight = document.getElementById(div).offsetHeight;
    
    document.getElementById(div).style.left = (bodyWidth-divWidth)/2;
    document.getElementById(div).style.top = (bodyHeight-divHeight)/2;
}

[Verwijderd]

willem169 schreef op 08 oktober 2003 @ 16:52:
Topic heropenen wordt niet op prijs gesteld
[rml][ CSS] <img> align="center" valign="middle" maar dan in CSS ?[/rml]

Ik heb crisp al een mailtje gestuurd... Hier gelieve níet offtopic te reageren!
Verder is het probleem níet opgelost...

robbertkrebbers schreef op 08 oktober 2003 @ 16:53:
centreren met css is een geziek, een scripje kan een oplossing zijn.

code:

function center(div) {
    bodyWidth = document.body.clientWidth? document.body.clientWidth:window.innerWidth;
    divWidth = document.getElementById(div).offsetWidth;
    
    bodyHeight = document.body.clientHeight? document.body.clientHeight:window.innerHeight;
    divHeight = document.getElementById(div).offsetHeight;
    
    document.getElementById(div).style.left = (bodyWidth-divWidth)/2;
    document.getElementById(div).style.top = (bodyHeight-divHeight)/2;
}

Ziet er heel grappig uit, maar pakt ie dan niet élke <div> in de code? Want er
zijn wel meer hoor... Stuk of 20

Koraalduivel, zal toch es kijken wat ik ermee kan!

[Willem]

misschien de style van #background toekennen aan de td
Uitlijn-problemen blijven basic..

Zie een aantal van de laatste slotjes over hoe div centreren etc..

[robbert]

Verwijderd schreef op 08 October 2003 @ 16:56:
[...]


Ik heb crisp al een mailtje gestuurd... Hier gelieve níet offtopic te reageren!
Verder is het probleem níet opgelost...


[...]


Ziet er heel grappig uit, maar pakt ie dan niet élke <div> in de code? Want er
zijn wel meer hoor... Stuk of 20

Koraalduivel, zal toch es kijken wat ik ermee kan!

klopt, maar dacht dat je 1 div in het midden wilde zetten

[OnTracK]

align bestaat niet, text-align is het (ookal is het geen tekst, het werkt, net getest)

[crisp]

waarom werkt dit gewoon bij mij???

Cascading Stylesheet:

#background {
  vertical-align: middle;
  text-align: center;
}

ennu, mail sturen prima - maar ik heb nog niet geantwoord

* crisp zet slotje en gaat mail lezen...