✔ Ausrichten der Website

[Webgau]

Servus,

Habe bereits mehrere Artikel zu dem Thema gelesen, allerdings ohne erfolg. Ich möchte meine Seite komplett mittig ausrichten und dies mit folgenden con. versucht:

#all
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

Im IE 7 läufts ohne Probleme in allen anderen Browsern wird’s links ausgerichtet.

hier mal der komplet. CSS Code:

body
{
	line-height: 120%;
	font-size: 100.1%;
	background-color: #f4f4f4;
	color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#all
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}	

#header
{
	background: url(../images/header.gif) no-repeat;
	height: 135px;
	width: 806px;
}

#logo
{
	background: url(../images/logo.png) no-repeat;
	height: 130px;
	width: 806px;
}

#hauptcontent
{
	background: url(../images/center.gif) repeat-y;
	width: 806px;
	height: 600px;
}

#footer
{
	background: url(../images/footer.gif) no-repeat;
	height: 70px;
	width: 806px;
}

/* Tooltips */
.tool-tip 
{
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
	text-align:left;
}

.tool-title 
{
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text 
{
	font-size: 100%;
	margin: 0;
}

hat jemand nen tipp wies gemacht wird?

 

[Maik]

Hi,

den übrigen Regeln zufolge, fehlt dem Elternelement #all die entsprechende Breitenangabe:

#all
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
        width:806px;
}

mfg Maik

 

[Webgau]

boing,

vielen Dank!

Grüße Mirko