[Tables] Verticaal uitlijnen werkt niet *

[Verwijderd]

Heren, tijd geleden dat ik een hele site in tables heb gemaakt.
maar het moet toch echt even.
ik krijg het niet voor elkaar deze vertical te alignen, wat doe ik fout?

code:

<table width="100%" height="100%">
    <tr valign="middle" height="100%" valign="middle">
        <td align="center" valign="middle" height="100%">
            
            <table style="border:1px solid #ff0099" cellpadding="3" cellspacing="1">
                <tr>
                    <td>
            
                        <table width="780" cellspacing="3" bgcolor="#FFFFFF">
                            <tr bgcolor="#999">
                                <td>
                                    <img src="head1.jpg" border="0" usemap="#Map" />                    </td>
                          </tr>
                            <tr>
                                <td width="780" height="520">
                                    <img src="background.gif" />
                                </td>
                            </tr>
                        </table>
            
                        
                    </td>
                </tr>
            </table>
            
            
            
        </td>
    </tr>
</table>

[Tomfish]

Omdat je deze moet hebben:

code:

<tr valign="center" height="100%">

moet zijn

Thans @ hieronder.

[Edit 3005 ]
valign = middle
align = center

Weer wat geleerd!

[ Voor 151% gewijzigd door Tomfish op 24-07-2007 21:24 ]

[Alex)]

Je moet je height niet op een <tr> maar op een <td> zetten als ik het me goed herinner...

@hierboven: dat mag niet volgens het W3

[ Voor 38% gewijzigd door Alex) op 24-07-2007 21:21 ]

[Verwijderd]

Alex) schreef op dinsdag 24 juli 2007 @ 21:19:
Je moet je height niet op een <tr> maar op een <td> zetten als ik het me goed herinner...

klopt maar heb uiteindelijk maar wat geprobeerd.

beide jullie punten hebben geen effect op het resultaat

[Alex)]

Kun je een voorbeeld online zetten (zo compleet mogelijk alsjeblieft) ?

[Verwijderd]

http://www.microdesign.nl/exx

[Alex)]

Je body is niet 100% hoog, dus lijnt hij hem niet goed uit...

In je CSS:

Cascading Stylesheet:

html, body
{
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

(Kleine tip: geef die bovenste <img> vaste breedte en hoogte, dan verspringt de content naderhand niet.)


Voor dit soort verticale uitlijningen bestaan er andere - tabelloze - manieren btw...

Cascading Stylesheet:

div#verticaal
{
  display: block;
  width: 500px;
  height: 400px;

  position: absolute;
  left: 50%;
  top: 50%;

  margin-left: -250px; /* helft v.d. width */
  margin-top: -200px; /* helft v.d. height */
}

*uit de losse hand*

[ Voor 56% gewijzigd door Alex) op 24-07-2007 21:31 ]

[Verwijderd]

met jou body css wekt het ook niet

[Alex)]

Je moet je html ook 100% hoog maken, er staat niet voor niets "html, body". Kopieer de hele code eens naar je <style>

[Verwijderd]

nice thanks ...