Guten Tag,

habe jetzt schon google durchforstet und auch hier die Suche gequält, dennoch finde ich nirgends ein Thread der annähernd an mein Problem ansetzt...

Ich habe folgende CSS Datei:
Wie man sehen kann, zwei div´s, die jeweils absolute von der Browsergabe zu jeweils 50% und 35% zentriert ausgegeben werden... Dies funktioniert ansich auch wunderbar, wenn man die Seite aufruft:

Das Problem ist jetzt, wenn ich das Browserfenster z.B. verkleinere, gehen die div´s mit ( ok, ist ja auch logisch!^^ )
Ich möchte jedoch, das die div´s statisch sind, sprich an der Stelle im Dokument bleiben und quasi bei jeder Auflösung und größe vom Browser / Besuchersystem die div´s bei genau diesen % Angaben sitzen...

Sprich bei 800x600 Auflösung links zu 50% zentriert, bei 1280x1024 auch usw ... Hoffe das man mir soweit folgen kann?

Sprich dynamische div Container, die sich immer an der Auflösung / Browsergröße des Besuchers orientieren aber dennoch statisch auf der position des HTML Dokuments fixiert ist...

Hoffe, das jemand ne möglichkeit weiss ( Außer mit px Angaben zu arbeiten >.< )

grüße, napfkuchen!

Hi,

möchstens du nur eine horizontale oder horizontale und vertikale Zentrierung?

Nur horizontal: Mach dir ein alles umgebendes div, gib dem eine Breite und margin:0 auto;

Horizontal und vertikal: guckst du [url=http://d-graff.de/fricca/center.html]hier[(url].

__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus

Das Problem:

"position: relative;" bedeutet, dass es sich am möglichen Standort orientiert (da wo es eigentlich hätte hinkommen sollen.

"position: absolute;" bedeutet, dass es sich am umschließenden Element orierntiert (also das Eltern-Element)

"position: fixed ;" bedeutet, dass es sich am Viewport orientiert... also am Browserfenster.

Also probier mal die letzte Variante. Löst das dein Problem???

Hi,

sorry, aber ich glaube du hast da was in den falschen Hals gekriegt.
Das kann ich leider nicht so stehen lassen :

position:relative;
Relativ posit. Elemente bewegen sich relativ zu ihrem ursprünglichen Platz auf den Neuen.
D.H. wenn das relative Element z.B. die Angaben top:25px left:25px bekommt, verschiebt es sich um 25px nach rechts und um 25px nach unten, immer von seinem alten Platz aus gesehen.
Vorher machen sie einen Zaun um den alten Platz, damit da keine anderen Elemente hinkönnen.

position:absolute;
Absolut posit. Elemente sind komplett aus dem Textfluß raus. Die anderen Elemente tun so als wäre das absol. Element nicht da.
Nachfolgende Elemente besetzen also den Platz, wo vorher das Absolute gehockt hat.
Positionsangaben beziehen sich immer auf body, es sei denn das umgebende Element hat postition:relative;, dann orientiert sich das absol. Element bei den Positionsangaben daran.

position:fixed;
Fixierte Elemente sind wie absolute Elemente, bleiben jedoch beim Scrollen an der gleichen Stelle stehen.
Sie orientieren sich immer an body.
Leider kann der IE 6 mit position:fixed nix anfangen.

__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus

Kleine Ergänzung zu hubses Ausführung:

position:static = Ausgangswert und kann deshalb weggelassen werden. Element ist normal im Fluß.

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