Willkommen auf CSS-Roots

der Starthilfe für Webdesigner

Seht euch um und schaut euch unsere Beiträge an, für euch ist sicher was dabei,
für Themenanregungen und Ideen stehe ich gerne unter info@css-roots.de zur Verfügung.

Mitglieder-Login

Lost your password?

Registrierung ist geschlossen

Die Registrierung wurde gesperrt, möchtest du dich registrieren schreibe bitte eine E-Mail an info@css-roots.de



Divs zentrieren

Verfasst am Dezember 1, 2008 von admin in Kategorie Divs zentrieren

Wenn ihr einen Div auf eurer Seite zentrieren möchtet, ohne diese über Position festzulegen, sondern in dynamisch zentrieren wollt könnt ihr dies ganz einfach über den Stylesheet regeln. Diese Zentrierung funktioniert wie folgt:

1
2
3
4
5
6
7
#content
{
margin: auto;
background: black;
color:white;
width:300px;
}

Das wichtige Element hierbei ist der Befehl Margin, dieser zentriert über das Attribut “auto” den Div “content” automatisch in der Bildschirmmitte. Die restlichen Elemente die hier eingebaut sind dienen nur der Darstellung.