table in het midden.. is er een makkelijke oplossing?

ik wil graag mijn table in het midden hebben (het gaat om [url=http://test2.hs-l.nl]deze[/url] website) hij doet het goed in safari.. maar in mozilla en i.e. op de pc zet hij de table niet in het midden.

ik weet dat ik beter niet met tables op deze manier kan werken… maar ben nog niet aan designing with webstandards toegekomen,… ligt wel op mijn nachtkastje… maar deze klant heeft soort van haast met deze opdracht, vandaar dat ik het nog zo doe.

ik heb gezocht en kwam op deze link terecht. http://www.wpdfd.com/editorial/wpd0103.htm#toptip
maar dat lukt me ook niet helemaal… :frowning:

heeft een van jullie een hele snelle makkelijke oplossing?

grtz HS-L

align="center" ??

Daarmee kun je nog snel tabellen uitlijnen… Maar idd niet volgens de standaards

Roel

Wat roelboekel zegt heb je zo te zien al uitgevoerd als ik je site zie en in de HTML kijk. Met CSS: Maak een aparte div: zet daarin: [code:1:f0e07f07cc]margin: 0 auto; text-align: center;[/code:1:f0e07f07cc] Margin zet de zooi voor zo'n beetje iedere browser in het midden, met text-align: center zorg je er voor dat IE dat ook doet. Zet in je volgende div dan natuurlijk wel weer gewoon text-align: left; als je de tekst links uitgelijnd wil hebben. Veel succes met je website verder!

[quote:a6bd74d889="WebJ"]Wat roelboekel zegt heb je zo te zien al uitgevoerd als ik je site zie en in de HTML kijk. Met CSS: Maak een aparte div: zet daarin: [code:1:a6bd74d889]margin: 0 auto; text-align: center;[/code:1:a6bd74d889] Margin zet de zooi voor zo'n beetje iedere browser in het midden, met text-align: center zorg je er voor dat IE dat ook doet. Zet in je volgende div dan natuurlijk wel weer gewoon text-align: left; als je de tekst links uitgelijnd wil hebben. Veel succes met je website verder![/quote:a6bd74d889]

volgens mij had ik dat al gedaan… ik heb het alleen over vertical align he… :slight_smile:
horizontaal staat hij wel gewoon goed…

Zeg dat dan ook wel even de volgende keer ;)

Dit werkt bij mij, als je nu ipv mijn naam, jou site zet, moet het werken.

[code:1:104adde0e8]
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<th scope="col">Roel</th>
</tr>
</table>
[/code:1:104adde0e8]

Roel

En als je er nu gewoon eens een tabel rondzet van één cel? :-) Als je met CSS nog niet verder geraak en er zit haast achter, why not :-) Het is niet zo mooi, maar werken doet het normaal gezien wel.

[code:1:01c4fc7f35]
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%"><tr><td valign="center" align="center">
<table …> <!-- begin van jouw tabel →

</table> <!-- einde van jouw tabel →
</td></tr></table>
[/code:1:01c4fc7f35]

Vrij domme en eenvoudige oplossing, maar werkt volgens mij wel op élke browser :smiley:

[quote:aa15e60102="3sje"]Vrij domme en eenvoudige oplossing, maar werkt volgens mij wel op élke browser :D[/quote:aa15e60102]

neeh dus… :slight_smile:

dat heb ik namelijk via mijn css er al instaan en dat werkt dus niet in i.e. op de pc en niet in mozilla… :slight_smile:

ga die manier van roel straks er ff in flikkeren kijken of het dan wel werkt…

Heb je [url=http://www.quirksmode.org/]hier[/url] al eens gekeken? En mocht je dr niet uitkomen, dan heb ik nog wel een css-file liggen... :wink:

[quote:a45cbfeeee="HS-L"][quote:a45cbfeeee="3sje"]Vrij domme en eenvoudige oplossing, maar werkt volgens mij wel op élke browser :D[/quote:a45cbfeeee]

neeh dus… :slight_smile:

dat heb ik namelijk via mijn css er al instaan en dat werkt dus niet in i.e. op de pc en niet in mozilla… :)[/quote:a45cbfeeee]
Tiens… heb ik vroeger wel eens gedaan en dat bolde, nu je spreekt wel via CSS. Wat ik de laatste maanden door heb is dat MSIE (Win/Mac) niet goed is met CSS. Weet niet of het perfect CSS 1 aankan en in hoeverre CSS 2, maar ja…

Hopelijk werkt de manier van Roel, die zal wel mooier zijn :slight_smile:

heb nog steeds geen goeie oplossing.. geen van de opties werken.

in safari werkt het wel,…
ook nog een andere website waarbij het niet lukt.

http://www.hslmedia.nl

[quote:d4f4e7cc12]maar ben nog niet aan designing with webstandards toegekomen[/quote:d4f4e7cc12]

dit is ook helemaal geen std maar heb je hier wat aan?

[code:1:d4f4e7cc12]<table width="100%" height="100%" border="0" align="center" valign="middle">
<tr>
<td>
<div align="center">
<table width="300" border="0" cellpadding="0" cellspacing="0" bgcolor="#00FFFF">
<tr>
<td width="300" height="300"></td>
</tr>
</table>
</div>
</table>[/code:1:d4f4e7cc12]

dank voor je reaktie,.. maar dit soort dingen werken dus niet.

hij doet het dan wel goed in safari ,…

maar in mozilla e.d. en op pc’s zet hij ze niet in het midden.

http://www.wpdfd.com/editorial/wpd0103.htm#toptip

wrap de tabel in een div en lees bovenstaand artikel.

dat heb ik al geprobeerd toen deed hij het in i.e. op de pc, maar op alle andere browsers zag hij er niet uit.

ik ga het nog een keer proberen… misschien dat ik toen wat verkeerd had gedaan.

heb de site trouwens ff verplaatst…
http://test--3.hslmedia.nl/
(foto;s laden traag…)

Net gekeken met IE 6 op Win XP, gaat prima zo. Standaard-truc is trouwens inderdaad een <div align="center"></div>, met daartussen een table met een hoogte van 100%. Eventueel de marges van je pagina op 0 zetten, zodat hij echt verticaal uitvult. (meest betrouwbare manier is het volgende stukje proza: [code:1:f5adc69031]marginheight="0" marginwidth="0" leftmargin="0" topmargin="0"[/code:1:f5adc69031], in te plakken in je body-tag.)

Op zich is de eigenschap height (nog) geen formele standaard. Het wordt over het algemeen wel ondersteund, maar dat is meer als courtesy van de browser-ontwikkelaar. Werkt in Mozilla niet altijd lekker…

Is dit al opgelost want ik zit met het zelfde probleem :oops: