[css] table aligning
 

hoe align je een table in css? met text-align lukt het niet: (in IE wel ja, dat weet ik, maar IE is niet conform CSS2) http://deathz0rz.homeunix.net/

text-align moet werken, iig in MSIE (in Opera niet)
Maar je moet het wel definieren in <td>

als je nou eerst leest wat ik zeg...

Nee, ik geef antwoord zonder te weten wat in je post staat :rolleyes:
Anders moet je het misschien eens wat beter uit leggen...

volgens CSS2 kan je een table niet met text-align alignen, zie link 1e post (moet je wel een goede browser gebruiken), maar hoe moet hat dan wel

Ohhw..
Je wilt de tabel alignen, en niet de text in de tabel..
Nou snap ik 'm :)

(en dat probleem heb ik trouwens ergens ook).

gebruik display: inline-table voor je tabel, en gebruik dan text-align: center;

Zie ook http://www.erikdokter.nl/test/test1.html

ik weet niet of je weet hoe dat er in netscape uit ziet?

http://deathz0rz.homeunix.net/crap/table.jpeg

Hetzelfde als in Opera.. :/ :)
Die doet dat ook..

(en ik neem aan dat je geen <div align="right"> wilt gebruiken)

ja idd dat werkt wel, maar met css moet het toch ook kunnen? zou ik denken....

<style type="text/css">

#Z {position: absolute;}

</style>

<div id=Z style="LEFT: 100px; TOP: 100px;">Jouw tabel of directe tekst of plaatje</div>

Werkt altijd en overal op de pixel nauwkeurig

Het nesten van divs kan netscape 4.7 niet aan. Daarom gebruik ik nog tabellen, maar voor de rest doe ik alles met deze code. Tabellen worden trouwens nog ietsje anders in breedte weergegeven in de verschillende browsers, erg lasig met drop down menu's.

Vb: http://www.weba.nl/Weba/weba.html

leest dan niemand wat ik wil???

ik wil met css conform de standaard een tabel in het midden uitlijnen

Bij mij ziet het er met Opera 7.11 toch iets anders (=beter) uit.
http://www.erikdokter.nl/images/goed.png

Je kan/moet een beetje spelen met de text-align en de display properties :)

heb ik al geprobeerd

idd, simpel zat.

Dat werkt, maar dat is dus geen CSS. Dit is depricated in HTML 4.01 Strict, en niet meer supported in XHTML.

Ik heb dit probleem zelf ook, ik wil een CSS-vervanger van <center> en </center>. Ik heb het niet gevonden iig. Alleen tekst kun je centreren met text-align: center;

body {text-align:center;}
table.center {margin-left:auto; margin-right:auto;}

<table class="center">
...
</table>

Mozilla, Opera, Internet Explorer 5.5 en hoger

-------------------------------------------
.center
{
text-align: center;
}

.center table
{
margin-left: auto;
margin-right: auto;
text-align: left;
}

<div class="center">
<table width="200" cellpadding="2" cellspacing="2" border="2">
<tr>
<td width="60"></td>
<td width="140"><td>
</tr>
</table>
</div>

Volledig crossbrowser.

Thanks!

margin-left en margin-right op auto zetten dus. :)

body {text-align:center;}

Dit heeft IE nog extra nodig om te werken, maar daar heb jij natuurlijk geen last van ;)

w00t! het werkt! tnx :):):) :cool:


nee idd :p

Het was trouwens erg moeilijk om te vinden:

Google: How to center a table with css :rolleyes::D;)