Jag håller på att plita ihop en utbildning om XHTML Strict, själv har jag varit slapp och kört med XHTML Transiltional men nu kräver kunden Strict.
Jag har gjort en exempel sida som bl.a. använder sig av table.
Sidan använde för ett container table som centreade allt till mitten i webbläsaren men STRICT får inte innehålla align attribut.
Finns det något riktigt bra XHTML STRICT sidor är första frågan.
Andra frågan är hur är det tänkt att jag ska centrera saker på en sida?
Via CSS eller något jobbigt Javascript?
Någon som har förslag?
tydalMedlem sedan juni 20034 013 inlägg Man använder CSS. Tänk på att table bara ska användas till tabeller, inte för att placera ut saker på sidan. Det senare använder man <div> till tillsammans med CSS.
Själv lär jag mig xhtml/css genom att läsa specarna på http://www.w3c.org/
Men det handlar ju mest om att lära sig CSS, för det är ju där krutet hamnar. HTML-koden handlar ju i princip bara om att märka ut olika delar av texten.
icaaqMedlem sedan okt. 20005 273 inlägg Centrera exempel
http://bluerobot.com/web/css/center1.html
http://bluerobot.com/web/css/center2.html
Eller så söker du på centrera här på forumet ;)
btw välkommen till wF
mv icaaq
jarvkloMedlem sedan juli 20013 378 inlägg Om man "kan" "får" "inte får" "bör" "inte bör" "ska" "inte ska" eller "måste" använda tabeller för layout är en tolkningsfråga och den debatten är äldre än HTML4 ;)
Om du vill använda en tabell till centrering i xhtml 1.0 Strict kan du t.ex. göra såhär:
<!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>Ett exempel</title>
<style type="text/css">
<!--
html,body {
height:100%;
margin:0;padding:0;
}
.container {
height:100%; width:100%;
margin:0; padding:0;
border-collapse:collapse;
}
.container td {text-align:center; vertical-align:middle}
-->
</style>
</head>
<body>
<table class="container">
<tr>
<td>
<div style="border:1px solid black; width:200px;">Detta är centrerat</div>
</td>
</tr>
</table>
</body>
</html>
Tack för svaren att det var CSS som gällde det visste jag redan var lite ringrostig bara... så nu har det löst men nu har andra problem kommit upp. Tar det i en annan tråd.
