[CSS] Problem beim Zentrieren von Webseite

**wahsaga** · 08.03.2007, 13:27

Re: [CSS] Problem beim Zentrieren von Webseite

Zentriere nicht body, sondern lege zunächst ein weiteres Containerlement hinein, und zentriere dieses (per margin:auto).

**GWC** · 08.03.2007, 21:49

Mh, tut mir Leid. Versteh ich nicht so wirklich, was du meinst.
Ich hab hier mal das reine Boxenlayout hochgeladen, vielleicht kannst es mir anhand davon erklären.

http://vexo-multigaming.de/~goi/gwc/.../beispiel.html

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>...</title>
		
		<style type="text/css">
			body { width:1000; margin:0 auto;	}
		
			#rahmen { border:1px solid black; background-color:#ffffff; position:absolute; top:15; width:1000; height:720; padding:0; }

			#nav			{ border:1px solid red; position:absolute; top:1; left:1; height:700; width:150; }
			#content	{ border:1px solid green; position:absolute; top:25; right:1; height:676; width:843; }
			#unten		{ border:1px solid blue; position:absolute; bottom:1; right:1; width:996; height:11px; }
		</style>
	</head>
	
	<body bgcolor="#ffffff">
		<div id="rahmen">	
		
			<div id="nav">
			</div>
			
			<div id="content">
			</div>
			
			<div id="unten">
			</div>
				
		</div>
	</body>
</html>

Grüße

**TobiaZ** · 08.03.2007, 21:53

na, was gibts da nicht zu verstehen?

statt
body
dein code
/body

machst du

body
div
dein code
/div
/body

und das zusätzliche div wird dann halt zentriert.

achtung, der body braucht für den IE nen text-align:center;

Aber das steht auch alles schon in den hunderten anleitungen im netz...

**GWC** · 08.03.2007, 22:26

Achso. Hab das Beispiel mal aktualisiert, aber jetzt besteht wieder das Problem bei nicht maximierten Fenstern...

Code:

<body bgcolor="#ffffff">
	<div style="margin:auto; text-align:center;">
		<div id="rahmen">	
		
			<div id="nav">
			</div>
			
			<div id="content">
			</div>
			
			<div id="unten">
			</div>
				
		</div>
	</div>
</body>

**wahsaga** · 08.03.2007, 23:51

Original geschrieben von GWC
aber jetzt besteht wieder das Problem bei nicht maximierten Fenstern...

Das dürfte nur der Fall sein, wenn du immer noch den ungeschickten Ansatz der Zentrierung über absolute Positionierung verfolgst.

**CrazyPip** · 09.03.2007, 02:30

hm dazu mal eine Frage:
was spricht denn dagegen wenn man statt einem neuem div container ein <center> tag benützt

<body>
<center>
<div style='width:1000px'>Content hier</div>
</center>
</body>

ich hab das so bei mir gemacht. spricht da irgendwas dagegen?

cya CrazyPip

**wahsaga** · 09.03.2007, 10:24

Original geschrieben von CrazyPip
was spricht denn dagegen wenn man statt einem neuem div container ein <center> tag benützt

Da spricht dagegegen, dass <center> ein veraltetes Element ist, und Darstellungsinformationen transportiert - welche ausschliesslich ins CSS gehören.

[CSS] Problem beim Zentrieren von Webseite