HTML Div Element in die Mitte des Fensters

Okkyou · 12. November 2008

Hallo Leute,

für einen, der öfter mit HTML arbeitet, wahrscheinlich was leichtes:
Wie bekomme ich ein DIV, das eine bestimmte Breite hat (width:601px) in die Mitte des Browserfensters? Wenn ich die Breitenangabe entferne, ist es in der Mitte (durch text-align: center). Aber das tex-align scheint bei einer definierten Breite nicht mehr zu greifen. Hab schon versucht im <body> den text-align einzuschalten, das funktioniert aber nur beim IE, Firefox scheint das nicht interpretieren zu können!

Ich hoffe mein Problem ist klar, wenn nicht schick ich gerne "Quelltext" (darf man das Wort bei HTML benutzen? ^^)!

Greetz
Okkyou

€: http://okkyou.ok.funpic.de

[o.0] · 12. November 2008

HTML:

<html>
<head>
<style type="text/css">
.Alles #Inhalt {
margin: 0 auto;
width: 601px;
}
</style>
</head>

<body class="Alles">
<div id="Inhalt">

//Hier steht der Inhalt

</div>
</body>
</html>

So sollte es funktionieren ;]

Okkyou · 13. November 2008

Du bist ein Gott

Danke vielmals!
Jetzt kanns weiter gehn!
Aber vorher schau ich mir die mir bisher unbekannten Klassen an!

Greetz
Okkyou
____

Hallo Leute,

ich bins nochmal :-D
Hier wieder ein einfacher aber schier unlösbarer Knochen ^^:
Ich möchte mein DIV-Element so gestalten, dass es bis zum Fensterrand (unten) reicht. Klar könnte ich jetzt ein paar Leerzeilen reinballern, aber das ist ja kein schöner Stil! Und außerdem würde das von Auflösung zu Auflösung unterschiedlich aussehen. Also gibts da ne Möglichkeit?

Greetz
Okkyou

Livven · 13. November 2008

Ich stehe vor dem gleichen Problem, aber ich bezweifle, dass es eine Lösung dazu gibt. CB hat keine (dort wird stattdessen ein Mindesthöhe von 565px angegeben), und auch nach Stöbern in SelfHTML und Co. findet sich keine andere Lösung auf das Problem.

darkservant2 · 13. November 2008

hm, mittels javascript kann man ja die screensize auslesen... wenn man das mit php verbindet, könnte man das stylesheet dynamisch generieren....
Kompliziert aber geht

KA obs ne einfache Lösung gibt.

DerEineDa · 13. November 2008

So funktioniert das, ich weiß aber nicht ob das guter Stil ist. Zur Verdeutlichung habe ich das DIV mit einer grauen Hintergrundfarbe hinterlegt:

HTML:

<html>
<head>
<style type="text/css">
html,body {
margin:0;
height:100%;
}

.Alles #Inhalt {
margin: 0 auto;
width: 601px;
height:100%;
background-color:gray;
}
</style>
</head>

<body class="Alles">
<div id="Inhalt">

//Hier steht der Inhalt

</div>
</body>
</html>

Übrigens sieht es etwas komisch aus, dem body eine Klasse zu geben. Sinnvoller wäre da eine id, wobei auch das nutzlos ist, weil body sowieso nur einmal im Dokument vorkommt und man sich - wie ich es oben gezeigt habe - direkt darauf beziehen kann.

Rain · 13. November 2008

weiß nicht obs jetzt genau dein problem trifft, aber möglicherweise kannste dir ja mal das noch mit anschauen:

http://alistapart.byteshift.de/fauxcolumns/

der tipp mit den faux columns wurde mir hier im forum gegeben

Suche

HTML Div Element in die Mitte des Fensters

Okkyou

Gast

[o.0]

Lt. Commander

Okkyou

Gast

Livven

Commander

darkservant2

Cadet 4th Year

DerEineDa

Lieutenant

Rain

Lieutenant

Ähnliche Themen