Horizontal und vertikal zentriert (CSS allgemein)

verfasst von hatschiii, 17.12.2007, 22:57 Uhr
(editiert von hatschiii am 17.12.2007 um 23:02 Uhr)

Ich habe unter Sven Esser - Werdegang eine Seite gebastelt die horizontal und vertikal zentriert ist In der Mitte ist ein Inhaltsbereich den ich mit oveflow:hidden begrenzt habe und dann per JavaScript scrolle. Egal wie groß das Browserfenster ist, die Seite ist immer mittig zentriert. Dies Funktioniert im IE 6, IE 7 Firefox, Opera, Safari. Der Inhalt positioniert sich bei Größenänderung des Fensters auch immer mit, lediglich der IE 6 macht hier Probleme. Das Hintergrundbild ist dabei kein Problem. Problematisch ist hier der Berecih den ich scrolle.

Rausgefunden habe ich schon, dass ich sobald ich den Scrollbereich rausnehme Sven Esser - Werdegang alles einwandfrei funktioniert.
Es liegt also an den beiden div Elementen:

<div id="begrenzung" style="position:relative; height:290px; width:525px; float: left;">
<div id="content" style="float: inherit; position: absolute; width: 525px; padding: 0px; left: 0; top: 0; border:1;">

begrenzung findet sich auch noch mit nem Eintrag im CSS File, content nicht:

#begrenzung {
overflow:hidden;
}



Hat jemand ne Idee?

Zentrieren geht auch ohne Tabelle: Horiz. per margin: 0 auto;, vertikal siehe FAQ Punkt 5, und scrollen lieber per overflow: auto; als durch diese JS-Balken.

Naja, den Scrollbalken wollte ich absichtlich nicht, der poapsst überhaupt nicht ins Layout. Die Scrollfunktionalität ist so schon gut

Wo finde ich denn die FAQ nd den Punkt 5?

Oberster Thread.

Was machst du eigentlich mit den ganzen Leuten, die Javascript partiell geblockt oder - wie ich - ganz abgeschaltet haben?

Gesundheit übrigens

Java haben ja vielleicht noch einige geblockt, JavaScript aber nu irgenwas um die 1%. Das sind dann auch vorwiegend Programmierer. Den Tod sterbe ich gerne für das bessere Design.

Ich versuche gerade anhand der FAQ meine Seite umzubauen. Verzichte gerne auf Tabellen. Bin gerade dabei das Scrollen in dem Inhaltsbereich mittels des JavaScripts zu realisieren

In meinen Augen ist das Design dann nicht besser, wenn es nicht für jeden zugänglich ist. Meine Website wir z.B. von 23% der Benutzer verwendet, die kein JS aktiviert haben.

__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen!
Foren-FAQ

Tja, du bist eben Tecki, ich nicht. Bei mir ist das ok wenn ich Javascript nutze. Ne andere Möglichkeit gibt es halt nicht um auf diesen absolut unschönen Scrollbalken von overfolw:auto zu verzichten.

Mir geht es aber garnicht darum ob oder ob nicht Javascript. Ich habe das problem das der Inhalt aus dem Hintergrundelement beim IE 6 bei ner Größenänderung des Fensters rausragt. Ich müsste einfach von den Tabellen weg und das ganze nur mit DIVs machen... kenne mich aber mit DIVs 0,0 aus

Du machst es nicht mit Divs, sondern mit CSS. Divisionen benutzt man nur zu Elementen Gruppierung. Jendryschik wird dir helfen: Einführung in XHTML, CSS und Webdesign

Was ist ein "Tecki"?

Der "unschöne" Scrollbalken ist übrigens der vom Browser und wird auch als solcher von jedem erkannt. Deiner nicht. Außerdem ist der Scroll viel zu langsam.

__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen!
Foren-FAQ