✔ body soll mittig gesetzt werden...

Status
Nicht offen für weitere Antworten.
D

dirkgently

Erfahrenes Mitglied
Hallo!
Ich bin leider nicht so fit in css...
Ich möchte eine Webseite machen und der gesamte Inhalt soll in einem Bereich erscheinen, der in der mitte des Fensters zu sehen sein soll.
Im Body css habe ich folgendes festgelegt:

Code: 
body {
	position: absolute;
	height: 900px;
	width: 690px;
	
	/*anfang um den Inhalt mittig zu setzten */
	left:50%; 
	margin-left:-345px;
	/*ende um inhalt mittig zu setzten */
	
	background: url(../bilder/hintergrundstreifen.jpg) repeat-y; 
	background-position: 50% 50px;
	background-color: #55597d;
	font-family:Verdana, Arial, Helvetica, sans-serif;

}

in den anderen div Tags für die anderen Inhalte steht jeweils:
Code: 
	width: 690px;
	
	left:50%; 
	margin-left:-345px;
Damit alles recht mittig gezeigt wird...

Aber ist es auch möglich alles so anzulegen, dass ich die Informationen, um alles mittig anzeigen zu lassen, nur einmal einbauen brauche und das dann nicht mehr für jeden div Tag einzeln eingeben muss?

Ich sicher ganz einfach, komme aber gerade nicht drauf..

Vielen Dank!

Grüße ;)
 
Wende die Regel mal direkt auf ein DIV-Element an:

Code: 
div.center {
         position: absolute;
	height: 900px;
	width: 690px;
	/*anfang um den Inhalt mittig zu setzten */
	left:50%; 
	margin-left:-345px;
	/*ende um inhalt mittig zu setzten */
         background: url(../bilder/hintergrundstreifen.jpg) repeat-y;
         background-position: 50% 50px;
}
Und füge den Inhalt bzw. die weiteren DIVs in diesem horizontal zentrierten DIV ein:

HTML: 
<body>
     <div class="center">
         <!-- Hier folgt der Inhalt -->
     </div>
</body>
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück