|
|||
Vertikale Zentrierung des Inhalts eines DIV's
Hi,
Ich habe eine kleine Herausforderung (aka. "Problem" *g*) Und zwar möchte ich in einer Seite, die nur mit XHTML, CSS & DIV arbeitet, also ohne TABLE, den Inhalt vertikal zentriert darstellen. Ich kenne diese Methode: Code:
<style type="text/css"> #inhalt { height: 100px; width: 300px; position: absolute; background: #000000; } #inner { height: 50px; width: 200px; margin-top: -25px; margin-left: -100px; top: 50%; left: 50%; position: absolute; background: #00FF00; } </style> ... <div id="inhalt"> <div id="inner"> Text </div> </div> Wie kann ich nun doch eine vertikale Zentrierung realisieren? Herzlichen Dank! Greetingz, Manfred |
Sponsored Links |
|
|||
Woher kennst Du diese Methode eigentlich?
Hallo, Manfred!
Gestatten: Manfred! :) Bin zwar (noch) kein Experte, aber diese Diskussion lasse ich mir nicht entgehen! Erstmal: Woher kennst Du diese Methode eigentlich? Irgendwie sieht sie mir nämlich ganz und gar nicht nach der Lösung des Problems aus. Ich würde es erst einmal wie folgt reduzieren: Code:
<style type="text/css"> #inhalt { height: 100px; width: 300px; position: absolute; background: #000000; } #inner { width: 200px; padding: 25px 100px; top: 50%; left: 50%; background: #00FF00; } </style> ... <div id="inhalt"> <div id="inner"> Text </div> </div> Beim position haben sie mich erst einmal verlassen, aber da Du die Orientierung top/left prozentual löst, kommt mir position: absolut; zumindest sehr seltsam vor... Aber ich bin, wie gesagt, kein Experte. Macht es bei der Box inhalt überhaupt Sinn, von potition: absolute; zu sprechen, wenn keinerlei Positionsdaten angegeben sind? Woher kennt die Box ihre Position? :) Bin gespannt, ob Du diesen Kommentar hilfreich findest.... Gruß Manni |
Sponsored Links |
|
|||
Hello Manni!
Das ist leider auch nicht ganz das, was ich suche... (Den Code hab ich übrigens aus dem Buch "CSS-Praxis" von Kai Laborenz/Galileo) Ein Bild sagt bekanntlich mehr als 1000 Worte: http://www.e-flow.at/Templates/Vorla...iertes_div.png Vielleicht erklärt das Bild eher das was ich will? Liebe Grüße, Manfred |
|
|||
Mit CSS allein wird es nicht gehen
Zitat:
Die momentan verfügbaren Tricks gehen davon aus, dass entweder der Abstand oder die Abmessungen des zu zentrierenden Bereiches bekannt sind. In Deinem Fall müsste man wohl per Javascript die Höhe des Bereiches erst einmal ermitteln und dann einen der bekannten Tricks ansetzen. Gruß, Kai |
|
|||
Ah, Herr Laborenz?! Auch in mehreren Foren auf der Suche nach Menschen, denen Sie helfen können!
Ich dachte mir schon, dass dies wohl leider nicht gehen wird! Dennoch vielen Dank für Ihre umfassenden Tipps. Schönen Tag noch, Manfred |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
horizontale u. vertikale zentrierung | TimoF | (X)HTML | 5 | 17.04.2008 17:26 |
iframe Größe bei Laden des Inhalts an dessen Größe anpassen | wiseguy | Javascript & Ajax | 0 | 24.06.2007 23:04 |
Vertikale Ausrichtung eines DIVs in einem dynamischen DIV | vamac | CSS | 7 | 15.08.2005 14:10 |
Höhe des DIVs automatisch auf volle Höhe | scheichxodox | Knowledge Base | 5 | 21.12.2004 11:31 |
Ratschläge bei Publizierung eines fertigen Layouts gesucht | Black Fladder | CSS | 55 | 05.09.2004 15:30 |