W jaki sposób wyśrodkować jakiś element, np. tabelkę w poziomie w XHTML? Przeglądam kurs XHTMLa i nic nie mogę znaleźć. Stare sposoby, takie jak albo align="center" działają, ale nie są zgodne ze standardem. Natomiast w CSS znalazłem tylko text-align, które działa jedynie dla tekstu. Wiem, że to musi być coś prostego, ale nie potrafię znaleźć, więc zwracam się z prośbą o podanie jakiegoś rozwiązania.
Wg standardow to dajesz komponentowi:
margin:0 auto
np:
Nie dokładnie o to mi chodzi. Ja chcę wyśrodkować całą tabelę, a nie tekst. Tabela na text-align nie reaguje.
Chyba nioe czytasz co pisze. Mowie o:
margin:0 auto
a nie o:
text-align
<TABLE WIDTH=220px BORDER=1 CELLSPACING=1 CELLPADDING=1 style="margin:0 auto" bgcolor=Orange>
<TR>
<TD>ss</TD>
<TD>ss</TD>
<TD>ss</TD>
</TR>
<TR>
<TD>ss</TD>
<TD>ss</TD>
<TD>ss</TD>
</TR>
<TR>
<TD>ss</TD>
<TD>ss</TD>
<TD>ss</TD>
</TR>
</TABLE>
Niech moderatorzy polacza te 2 posty.
Oops, zrozumiałem, że to ma działać na tym text-align, bo też je tam umieściłeś. W każdym razie działa, wielkie dzięki [browar].
Ino to na IE nie działa - wiem, że standardy.. ale trza pamięrać o 80% userów ;)
Dziala, dziala ale tylko pod ie6. Dla ie5 trzeba dodatkowo w sekcji nadrzednej do srodkowanego komponentu dodac wlasnie ten nieszczesny text-align. Przyklad:
inteco.win.pl/cafe/
No sorry, ale wczoraj patrzyłem na wynik w IE6 (wszelkie update'y) i tabelka była po lewej stronie - w Firefox była na środku. Więc jednak nie działa.
No niestety ale sie nie zgodze (czyzby inne ie w wersji 6?). Daje cos takiego:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>example</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-2" />
<style type="text/css">
* {
margin: 0;
padding: 0;
border: 0;
}
body {
cursor:default;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}
div#head {
background-color:yellow;
width:500px;
font-size:200%;
line-height:70px;
margin:0 auto;
text-align:center; <!-- nie jest konieczny ale zeby tekst w div'ie byl wycentrowany-->
height:70px;
}
</style>
</head>
<body>
<div id="head">jakis tytul</div>
</body>
</html>
Patrze sobie w IE6 i jest jak najbardziej ok. Div jest wycentrowany jak najbardziej. Otwieram ie5 (mam, kto chce moge przeslac - mozna uzywac z ie6) i jest problem. Ale do body dodaje text-align:center i jest w porzadku, tj:
body {
cursor:default;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
text-align:center;
}
Hmmm.... teraz jest ok - ale wczoraj nie było [ten sam kod z poprzedniego postu]...
Dzwonię do Foxa Muldera
sorry za nieporozumienie