22.9.2011

Nettisivun keskitys käyttäen DIV - elementtiä

Tässä lyhyt ohje miten keskittää sivu keskelle ruutua tyylikkäästi laittamalla sivusi DIV-tason sisään ja CSS:llä määritellä muutama rivi koodia. Muista laittaa myös DOCTYPE dokumenttiin ja WIDTH - arvo DIV tason CSS koodiin... Esimerkki toteutettu HTML5 määrittelyllä:

<!DOCTYPE html>

<head>
 <title>DIV CENTER CSS</title>

<style type="text/css">
 #taso1 {
    width: 780px;
    margin-right: auto;
    margin-left: auto;
}
</style>
</head>

<body>

<div id="taso1">
<p>Sisältöä</p>
</div>

</body>
</html>

Ei kommentteja:

Lähetä kommentti