CSS - Dem Wahnsinn nahe (Ausrichtungsfrage)

[Balu der Bär]

Moin,

folgendes Problem:
Ich möchte nen CSS-Container haben, dieser soll nur 2 Eigenschaften haben: 750px breit sein und genau in der Mitte des Browsers liegen. Ich hab mittlerweile schon hundert Sachen ausprobiert, dass einzigste was aber in die Nähe von dem kommt was ich will ist das hier:

Code:

.header {
background-color: rgb(227,227,227);
border: 1px #000000 solid;
margin-left: 50%;
margin-right: 50%;   
width: 750px;
/*position: relative;  */
}

Leider jedoch wird dadurch das Browserfenster komplett verzogen, ich möchte aber das es genauso bleibt ohne Scrollbars. Kann mir da mal irgendjemand helfen ?

Danke schonmal,

[s.h.a.r.k]

Hey,

willst du es unbedingt mit CSS machen? ansonsten gibts ja auch den HTML-Tag <center></center>.

mfg shark

[Balu der Bär]

Ja ich weiß, es sollte aber schon CSS bleiben da ich einspurig fahren möchte.

Da muss es doch ne Möglichkeit geben.
Is bestimmt so einfach das ich einfach nicht drauf komme...

[chris01]

Hi,

also ich löse dies immer mit

Code:

.header { 
background-color: rgb(227,227,227); 
border: 1px #000000 solid; 
margin: 0 auto;
width: 750px; 
}

und habe damit keinerlei Probleme.

gruß

[alcaeus]

Schon mal

Code:

margin:auto;

versucht?

Greetz
alcaeus

[Balu der Bär]

Hallo,

danke erstmal. Im Firefox geht das mehr oder weniger, im Internet Explorer eider überhaupt nicht, es bleibt ganz links.

@alci: siehe oben

[markusj]

IE ist auch (sorry) kacke, der hält sich nicht an die Darsellungsregeln ...
wenn du 50% Margin machst, bedeutet das meines Wissens nach (bitte nicht schlagen, ich hab schon ewig kein CSS mehr gecoded),
dass er 50% Bildschirmgröße für einen Rand rechts und 50% für einen Rand links reserviert.
Macht 100% --> Fensterverziehen.

mfG

Markus

[Balu der Bär]

Die IE wird aber am meisten eingesetzt.

Ich frage mich grad wie Matze das wohl macht.

Ich seh grad er macht es auch mit margin: auto...

[alcaeus]

@markus: toll

@Baerli:

Code:

<div style="text-align:center;">
<div style="border:1px solid red;width:750px;text-align:left;">aslfkj</div>
</div>

Greetz
alcaeus

[Balu der Bär]

Jupp alci das geht supi, danke, aber warum geht das nicht:

Code:

.header {
background-color: rgb(227,227,227);
border: 1px #000000 solid;
text-align: center;
width: 750px;
/*position: relative;  */
}

Hintergrund ist weil ich alle Styles-Eigenschaften gerne in ne externe CSS-Datei auslagern würde.