Check alle échte Black Friday-deals Ook zo moe van nepaanbiedingen? Wij laten alleen échte deals zien
Toon posts:

[Tables] Verticaal uitlijnen werkt niet *

Pagina: 1
Acties:

Verwijderd

Topicstarter
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:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<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
  • Registratie: Februari 2007
  • Laatst online: 18-10 18:19
Omdat je deze moet hebben:
code:
1
<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)
  • Registratie: Juni 2003
  • Laatst online: 18-11 20:57
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 ]

We are shaping the future


Verwijderd

Topicstarter
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)
  • Registratie: Juni 2003
  • Laatst online: 18-11 20:57
Kun je een voorbeeld online zetten (zo compleet mogelijk alsjeblieft) ?

We are shaping the future


  • Alex)
  • Registratie: Juni 2003
  • Laatst online: 18-11 20:57
Je body is niet 100% hoog, dus lijnt hij hem niet goed uit...

In je CSS:
Cascading Stylesheet:
1
2
3
4
5
6
7
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:
1
2
3
4
5
6
7
8
9
10
11
12
13
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 ]

We are shaping the future


Verwijderd

Topicstarter
met jou body css wekt het ook niet

  • Alex)
  • Registratie: Juni 2003
  • Laatst online: 18-11 20:57
Je moet je html ook 100% hoog maken, er staat niet voor niets "html, body". Kopieer de hele code eens naar je <style>

We are shaping the future


Verwijderd

Topicstarter
nice thanks ...
Pagina: 1