centreren

Status
Niet open voor verdere reacties.
2

259689

Gebruiker
Lid geworden
29 jun 2003
Berichten
12
Hoe zorg je ervoor met html code dat een table of een zin niet alleen in het midden van een regel komt, maar ook in het midden van een pagina (ookal verander je de grootte van het scherm hij moet steeds in het midden blijven, net als center bij horizontaal)
 
Horizontaal centreren:
Code: 
<center>
Ik moet er wel even bij zeggen, deze tag is gedeprecadeerd (lastig woord...:o) en wordt officieel niet meer goedgekeurd, ook al ondersteunen de meeste browsers hem nog wel. Wat je beter kan gebruiken is:
Code: 
<div align="center">
Let er wel op dat wanneer je objecten niet meer gecentreerd wil hebben, je deze tag moet afsluiten d.m.v. een </div>.
Verticaal in het midden plaatsen, bijv. in een tabel:
Code: 
<td valign="middle">
In de meeste browsers is verticaal in het midden plaatsen de standaard. Wil je bijv. een smilie (>> :) <<) uitlijnen op het midden van de regel, integendeel wat op helpmij is, daar is het onderste punt van de smilie gelijk aan het onderste punt van een regel. Wil je die in het midden hebben dan kun je was CSS toepassen:
Code: 
<img src="..." style="vertical-align:middle">
Succes :thumb:
 
Laatst bewerkt:
niet goed

De vraag is om een TABEL zowel horizontaal als verticaal in het midden van een pagina te krijgen.
Ik zoek precies hetzelfde.
Geen van de eerdere oplossingen werkt!

Erwin
 
Strict HTML / CSS gezien is dat niet mogelijk, er bestaat geen height="100%".
Echter, wanneer je geen HTML strictheid opgeeft (DOCTYPE) accepteren de meeste browsers het wel.
Je kan 't dus zo proberen:
Code: 
<html>

<head>
<title>Titel van je paginaatje</title>
</head>

<body>

<table style="width: 100%; height: 100%; border: 0px solid #000000">
<tr>
<td style="vertical-align: middle; text-align: center">
  <table style="border: 1px solid #000000; background-color: #efefef; width: 300px; height: 400px">
  <tr>
  <td>Deze tabel heeft een lichtgrijze achtergrondkleur met een zwarte border van 1 pixel dik en hij is 300 bij 400 pixels groot.</td>
  </tr>
  </table>
</td>
</tr>
</table>

</body>

</html>
Maar onthou wel dat 't eiglijk niet zo hoort ;)

Succes :thumb:
 
Laatst bewerkt:
Grappig

Hee JPeetje,
Da's dan weer grappig hè, ik had hem zelf ook al opgelost.
Er komt iets vaags in mij op over Rome en wegen en zo, maar goed.

Deze geeft mijn PC prima weer in IE6:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>center</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<center>
<table border=0 width=100% height=100%>
<tr>
<td align="center">
<table width="400" border="1" cellspacing="0" cellpadding="0">
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>lekker centraal</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
</td>
</tr>
</table>
</center>
</body>
</html>

Maar ook bedankt voor jouw oplossing!!
 
Da's een lossere versie van DOCTYPE ;)
Deze:
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
Is een iets strictere, hierbij zul je ook zien dat 't niet lukt ;)
Maar goed, ik verplicht je nergens toe :p

Succes d'rmee :thumb:
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan