Centreren Van Een Tabel Op De Pagina

[hannes1969]

Hallo,

 

Ik ben bezig met een cachepagina maar ik loop tegen een probleem aan.

De tabel die ik gemaakt heb wil bij geocaching.com maar niet gecentreerd in beeld komen.

Weet iemand hoe ik dit kan doen.

De code die ik nu heb is:

 

<table border="1" cellpadding="2" cellspacing="2" style="height: 20px; width: 200px; ">

<tbody>

<tr>

<td style="text-align: center; ">

<span style="font-size:18px;">A</span></td>

<td style="text-align: center; ">

<span style="font-size:18px;">4e-2e</span></td>

<td style="text-align: center; ">

<span style="font-size:18px;">   </span></td>

</tr>

<tr>

<td style="text-align: center; ">

<span style="font-size:18px;">B</span></td>

<td style="text-align: center; ">

<span style="font-size:18px;">4e-3e</span></td>

<td style="text-align: center; ">

 </td>

</tr>

<tr>

<td style="text-align: center; ">

<span style="font-size:18px;">C</span></td>

<td style="text-align: center; ">

<span style="font-size:18px;">10e-1ste</span></td>

<td style="text-align: center; ">

 </td>

</tr>

<tr>

<td style="text-align: center; ">

<span style="font-size:18px;">D</span></td>

<td style="text-align: center; ">

<span style="font-size:18px;">11e-2e</span></td>

<td style="text-align: center; ">

 </td>

</tr>

<tr>

<td style="text-align: center; ">

<span style="font-size:18px;">E</span></td>

<td style="text-align: center; ">

<span style="font-size:18px;">6e-2e</span></td>

<td style="text-align: center; ">

 </td>

</tr>

<tr>

<td style="text-align: center; ">

<span style="font-size:18px;">F</span></td>

<td style="text-align: center; ">

<span style="font-size:18px;">1e-5e</span></td>

<td style="text-align: center; ">

 </td>

</tr>

<tr>

<td style="text-align: center; ">

<span style="font-size:18px;">G</span></td>

<td style="text-align: center; ">

<span style="font-size:18px;">4e-8e</span></td>

<td style="text-align: center; ">

 </td>

</tr>

<tr>

<td style="text-align: center; ">

<span style="font-size:18px;">H</span></td>

<td style="text-align: center; ">

<span style="font-size:18px;">7e-1e</span></td>

<td style="text-align: center; ">

 </td>

</tr>

<tr>

<td style="text-align: center; ">

<span style="font-size:18px;">I</span></td>

<td style="text-align: center; ">

<span style="font-size:18px;">2e-6e</span></td>

<td style="text-align: center; ">

 </td>

</tr>

<tr>

<td style="text-align: center; ">

<span style="font-size:18px;">J</span></td>

<td style="text-align: center; ">

<span style="font-size:18px;">1e-8e</span></td>

<td style="text-align: center; ">

 </td>

</tr>

</tbody>

</table>

 

Ik hoop dat iemand het probleem ziet.

 

Alvast bedankt.

[Triskelle]

Probeer eens:

 

<center>
<table>
blablabla
</table>
</center>

 

Beetje bruut misschien, maar werkt vaak wel.

[hannes1969]

Hoe het kan weet ik niet maar ik wou het bovenstaande proberen. Maar bij het openen van de pagina staat nu opeens alles gecentreerd.

Toch bedankt voor je reactie.

[hannes1969]

Nu blijkt dat er verschil zit in internet explorer (goed uitgeleend) en Google Chrome.(uit het midden). Met bovenstaand advies opgelost.

Bedankt.

[Japiejoo]

Eigenlijk moet je zeggen Google Chrome (goed uitgelijnd) en internet explorer (in het midden)

Ik zie in bovenstaande code namelijk geen enkele reden waarom de tabel midden uitgelijnd zou moeten zijn. De tekst in de cellen daarentegen zou wel gecentreerd moeten zijn.

 

De <center> tags lossen het probleem inderdaad op.

19 maart 2012 bewerkt door Japiejoo

[Triskelle]

De geconstateerde verschillen kunnen (hoeft dus niet, vandaar kunnen) voortkomen uit het gebruikte template (style sheet) van geocaching.com. Back tot basic html lost dan veel op.

[BigFurryMonster]

Heb je nagedacht over het gebruik van DIVs in plaats van tabellen? Dat is wat modernere HTML. Bijvoorbeeld zo:

 

<div style="text-align: center;"> tekst hier </div>