biesi
Admin
Admin
| Beiträge: 92 |   |
|
Re:Zentrierung von 1024er HTML-Seiten - 11/02/2009 18:55
Hallo Mike,
zunächst mal sorry das es was gedauert hat - aber nu... 
Also, um eine Webseite zu zentrieren mußt Du folgendes tun:
1. Normalerweise hat jede Website ein Blockelement, das sämtliche Inhalte umfasst, also ein DIV bei modernen CSS-Layouts oder ein TABLE, wenn Du noch nach alter Väter Sitte mit Tabellen unterwegs bist (nicht gut - aber das ist ein anderes Thema... )
Falls sowas noch nicht existiert, pack' noch ein DIV um alles.
Auf jeden Fall braucht das Element eine ID, um es im Stylesheet ansprechen zu können, falls es noch keine hat gib ihm eine (ich z.B. nenne dieses Element gerne "main").
Dein HTML-Grundgerüst sieht also etwa so aus:
| Code: |
<!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>Titel</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="css/stylesheet.css" />
</head>
<body>
<div id="main">
...Inhalte der Seite...
</div>
</body>
</html>
|
Danach mußt Du diesem Element nun im Stylesheet folgende Eigenschaften zuweisen:
- Eine feste Breite; Bei einer Mindestauflösung von 1024 Pixeln sind hier ca. 980 Px sinnvoll (um noch etwas Luft für den Rand des Browserfensters und ggf. eine Scrolleiste zu haben).
- Der linke und der rechte Randabstand (die "Margins") werden beide auf den Wert "auto" gesetzt.
Dein entsprechender Abschnitt im CSS sieht also folgendermassen aus:
| Code: |
#main {
width: 980px;
margin-left: auto;
margin-right: auto;
...ggf. weitere Properties...
}
|
Hoffe das hilft Dir...
Viele Grüße,
biesi! 
 |
Forum 