Jag provar xhtml, men kan inte finna hur jag centrerar tabeller. Align-attributet är ju inte giltligt i strict xhtml. Hur anger jag då i formatmallen. Jag hittar inte något som motsvarar.
Tabeller align
2 svar · 261 visningar · startad av berntg
Ett standard-trick är att använda CSS-koden:
table {margin-left:auto; margin-right:auto;}
Tyvärr finns en bugg som gör att detta inte funkar MSIE5 x( ,
så för att få centrering där får man köra en workaround i form
av att lägga en <div style="text-align:center"> runt den tabell
man har ställt in CSS-stilen enligt ovan i.
Tyvärr så blir då i MSIE6 även *texten* i tabellcellerna centrerade,
vilket man kanske inte ville när man skapade sin workaround...
Så man får ösa på med en text-align:left för tabellen också för säkerhets skull!
Brrr - sent på kvällen blir svenskan jobbig :r - så här är ett exempel:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sv" lang="sv">
<head>
<title>Centrerad tabell</title>
<meta http-equiv="Content-type" content="text/html; charset=ISO-8859-1" />
<style type="text/css">
<!--
table {
margin-left:auto;
margin-right:auto;
text-align:left;
width:250px;
border:1px solid black;
}
-->
</style>
</head>
<body lang="sv">
<table>
<tr>
<td>Denna centrering funkar i browsers som hanterar CSS "rätt" (ej IE5)</td>
</tr>
</table>
<div style="text-align:center">
<table><tr><td>MSIE5 Workaround - en centrerad div runt tabellen</td></tr></table>
</div>
</body>
</html>
Exemplet finns också på: http://jarvklo.net/htmlexempel/tablecenter.html
En annan variant finns på http://bluerobot.com/web/css/center1.html
Tack så mycket. Mycket intressanta länkar.