[HTML, CSS] zarovnani tabulky na stred

[Miiisa]

POMOOOC PROSIM..ja uz sem zoufalej....
jak mam pomoci CSS zarovnat tabulku na stred
tak aby to nemuselo bejt pomoci <center>
chtel sem to aby to bylo zapsany v externim stylopisu...

prvni co bylo sem zkousel s

margin-left: auto; 
margin-right:auto

nebo

margin: auto

jenze to nefunguje v IE...
tak sem na www.jakpsatweb.cz nasel neco jinyho

<div style="text-align&#58; center">
 <div style="text-align&#58; left; width&#58; 400px; margin&#58; 0px auto">
  nějaký vystředěný obsah
 </div>
</div>

tak sem to prvne zkusil dat do externiho stylopisu, ale ti samozrejme neslo, tak sem to dal do zdrojace...
uz to zacalo fungovat, tak sem si rikal ze odstranim o width, ale jak sem to odstranil tak to prestalo fungovat...<
tak sem zacal nastavovat u kazdy tabulky individualni šířku, ale jakmile sem ji nastavil moc velkou, tak se mi to zase zarovnalo nalevo

tak se vas ptam...existuje nejakej univerzalni, jednoduchej zpusob jak zarovnat tabulku na stred

[ripper]

no tak jestli to nemusi byt vylozene pomoci css, tak to zavri do

<div align="center">...</div>

[Miiisa]

no tak jestli to nemusi byt vylozene pomoci css, tak to zavri do

<div align="center">...</div>

no...ja to chtel prave pomoci CSS...

[Miiisa]

fakt nikdo nevi <

[Jezevec]

Pokud chces pouzivat CSS, zapomen na IE. V tom 2/3 nefugujou vubec a 1/3 zobrazi blbe.

Cosi sem si vyrabel, je to samo validni (xhtml 1.0 + css valid). Mozila naprosto vpohode. Opera uz trochu blbe, ale furt je to pouzitelna stranka, IE naprosto blbe => mam na tom detekci IE a kdyz je, tak nahodim hlasku at si poridi normalni prohlizec.

Nehodlam pouzivat nejaky hacky na IE.

[Miiisa]

Pokud chces pouzivat CSS, zapomen na IE. V tom 2/3 nefugujou vubec a 1/3 zobrazi blbe.

Cosi sem si vyrabel, je to samo validni (xhtml 1.0 + css valid). Mozila naprosto vpohode. Opera uz trochu blbe, ale furt je to pouzitelna stranka, IE naprosto blbe => mam na tom detekci IE a kdyz je, tak nahodim hlasku at si poridi normalni prohlizec.

Nehodlam pouzivat nejaky hacky na IE.

pokud chci mit stranky pristupny pro vsechny uzivatele, tak si na IE musim zase vzpomenout
nekde v Computerworldu psali ze okolo 94% uzivatelu pouziva IE...pocet sice klesa, ale en asi o 1,4%...
a navic ty stranky ke kterejm to potrebuju pristupujou z 95% uzivatele s IE....

[xvojta]

Pokud chces pouzivat CSS, zapomen na IE. V tom 2/3 nefugujou vubec a 1/3 zobrazi blbe.

Cosi sem si vyrabel, je to samo validni (xhtml 1.0 + css valid). Mozila naprosto vpohode. Opera uz trochu blbe, ale furt je to pouzitelna stranka, IE naprosto blbe => mam na tom detekci IE a kdyz je, tak nahodim hlasku at si poridi normalni prohlizec.

Nehodlam pouzivat nejaky hacky na IE.

pokud chci mit stranky pristupny pro vsechny uzivatele, tak si na IE musim zase vzpomenout
nekde v Computerworldu psali ze okolo 94% uzivatelu pouziva IE...pocet sice klesa, ale en asi o 1,4%...
a navic ty stranky ke kterejm to potrebuju pristupujou z 95% uzivatele s IE....

tak holt musis na zacatku nadetekovat prohlizec a udelat dve verze .. normalni a pro IE... a s tou si budes muset trochu vyhrat... obcas se mi stane, ze i barvy ukazuje spatne... strasnej nastroj...

[Jezevec]

Asi tak, ja IE podporovat nehodlam, na me strane chyba neni, a protoze hodlam prispet k co nejvetsimu rozsireni alternativ, nic s tim delat nebudu.

Nevim jak moc ti pomuze detekce IE, paac kazda verze ma jiny chyby a pokud to upravis jen pro jednu, zobrazi se to blbe v jiny. Asi ti pomuze, kdyz pro IE uplne vynechas CSS => jedine tabulkovej design.

Tak jako tak bych tam dal hlasku, ze kdo chce aby ten web vypadal lip, at si sosne neco pouzitelnyho.

[sisi]

Postni link na tu stranku alebo dake rozumne kusy toho zdrojaku... imho sa to bude dat okaslat, chce to len trpezlivost.

[Miiisa]

momentalne mam asi tohle...

v CSS souboreu mam naky parametry pro tabulky..trida downframe je pro tabulky co maj ramecek jen dole...pouzivam je jen nekde...

table {

   border: 0px;   
   border-spacing: 0px 0px;
   border-collapse: collapse;
}

.downframe td{
   border-bottom: 1px solid #330066;
}

a pak mam tabulku ktera vypada asi takhle...

<div style="text-align&#58; center">
<div style="text-align&#58; left; margin&#58; 0px auto; width&#58; 550px">
<h1>Kontakt</h1>
<table class="downframe">
<tr>
<td style="text-align&#58; right;font-weight&#58; bold;">prvni text</td>
<td colspan="2">druhej text</td>
</tr>

<tr>
<td style="text-align&#58; right;font-weight&#58; bold;">druhej</td>
<td>opet
<td>a zase</td>
</tr>

</table>
</div></div>

takhle to fachci, ale jakmile odendam sirku nebo ji nejak zmenim tak se to bud nezarovna nebo se to rozhodi vic k jedny strane...

[ripper]

no ono se ti to necentruje, protoze ten vnitrni <div> ma implicitne sirku 100% a tudiz je pres celej ten vnejsi <div>, takze je jedno jak je zarovnanej. IMHO musis znat sirku toho vnitrniho <div>u (teda aspon pri tomhle reseni). a neni to jen v IE, protoze opera, mozilla i amaya to interpretujou stejne

[sisi]

Well, toto je daky quick hack co som dal dokopy z toho Tvojho kodu:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Test</title>

<style type="text/css">
<!--

table &#123;
   border&#58; 0px;   
   border-spacing&#58; 0px 0px;
   border-collapse&#58; collapse;
   margin&#58;0px auto;   
   text-align&#58;left;
&#125;

.downframe td &#123;
   border-bottom&#58; 1px solid #330066;
&#125;

-->
</style>
</head>

<body>

<h1>Kontakt</h1>

<div style="text-align&#58;center">

<table class="downframe">
<tr>
<td style="text-align&#58; right;font-weight&#58; bold;">prvni text</td>
<td colspan="2">druhej text</td>
</tr>

<tr>
<td style="text-align&#58; right;font-weight&#58; bold;">druhej</td>
<td>opet
<td>a zase</td>
</tr>
</table>

</div>

</body>
</html>

snad to robi to co chces...

[Miiisa]

snad to robi to co chces...

DIIIKY DIIIIKY klanim se...uz to funguje.... DEKUJI MNOHOKRAT