Hjemmesideskolen
Brugere lige nu: 1
Home Mail Printer

Tekstfeltet er 40em bredt

Siden er opdateret 7. 12. 2011

Denne side er lavet med selvjusterende margener.

Når fontstørrelsen af brugeren ændres, følger bredden på siden med op eller ned. Men siden vil altid være centreret i browservinduet.

Dette er lavet ved at tildele magin-left og margin-right værdien auto og ved at definere bredden på siden og alle tekststørrelser i enheden em.

Desværre forstår IE i tidligere versioner end 6.0 ikke margin_[side]:auto, så det er nødvendigt også at sætte hele vinduet til text-align:center, for derefter at tildele indholdsboksen text-align:left.

body {
color: black;
background-color: #eee;
margin: 0px;
padding: 0px;
text-align: center;
}
.side {
width: 40em;
margin-left: auto;
margin-right: auto;
position: relative;
text-align: left;
color: black;
background-color: #fff;
border: solid 1px #666699;
}

Hjemmesideskolens sidedesign er desværre ikke så velegnet til at demonstrere dette design - især går det galt i Opera og IE, jeg har derfor forenklet siden lidt.

Valid XHTML og CSS / Copyright © Hjemmesideskolen maj 2005