- Registriert
- 14.02.04
- Beiträge
- 175
Morgen,
wie unter http://swiwi.co.nz/test/ zu sehen ist, versuche ich mich gerade mit einem relativen em-Layout.
Unter der Navigation sind Text (links) und Grafik (rechts) in einem Container "content". Der Text mit 1em Abstand von oben, links und unten ist auf verschiedenen Seiten unterschiedlich lang und selbst innerhalb der Seite variiert die Länge je nach Einstellung der Schriftgrösse im Browser des Besuchers. Deshalb kommt eine fixe Angabe für die Höhe des Containers "content" nicht in Frage.
Die Grafik rechts muss die ganze Höhe des Containers "content" ausfüllen. Dabei bin ich mir bewusst, dass obwohl ich die Breitenangabe in em formuliere werde, mir der IE die Grafik ein wenig nach unten verziehen wird. Vielleicht kennt ja jemand eine bessere Lösung...
Meine eigentliche Frage ist aber die Folgende: Wie schaffe ich es, das sich das Div für die Grafik automatisch an die Höhe des Containers (welcher vom Text-Div und dessen margin abhängt) anpasst?
Hier die relevanten CSS-Angaben im merkwürdigen GoLive-Stil:
Viele Grüsse aus Neuseeland, Michael
wie unter http://swiwi.co.nz/test/ zu sehen ist, versuche ich mich gerade mit einem relativen em-Layout.
Unter der Navigation sind Text (links) und Grafik (rechts) in einem Container "content". Der Text mit 1em Abstand von oben, links und unten ist auf verschiedenen Seiten unterschiedlich lang und selbst innerhalb der Seite variiert die Länge je nach Einstellung der Schriftgrösse im Browser des Besuchers. Deshalb kommt eine fixe Angabe für die Höhe des Containers "content" nicht in Frage.
Die Grafik rechts muss die ganze Höhe des Containers "content" ausfüllen. Dabei bin ich mir bewusst, dass obwohl ich die Breitenangabe in em formuliere werde, mir der IE die Grafik ein wenig nach unten verziehen wird. Vielleicht kennt ja jemand eine bessere Lösung...
Meine eigentliche Frage ist aber die Folgende: Wie schaffe ich es, das sich das Div für die Grafik automatisch an die Höhe des Containers (welcher vom Text-Div und dessen margin abhängt) anpasst?
Hier die relevanten CSS-Angaben im merkwürdigen GoLive-Stil:
Code:
body { color: #242768; font-size: 100.01%; font-family: verdanan, arial, sans-serif; background-color: #242768; text-align: center; position: relative; direction: ltr }
div.container { background-color: #ffffff; text-align: left; margin-right: auto; margin-left: auto; width: 47em; border-style: solid; border-width: 0.2em; border-color: #dcdcdc #8c8c8c #8c8c8c #dcdcdc }
div.content { border-style: solid }
div.text { text-align: justify; margin: 1em 18em 1em 1em; border-style: solid }
div.image { margin-top: 0; margin-right: 0; margin-bottom: 0; width: 15em; height: 100.01% !important; float: right; border-style: solid }
div.clear { width: 0; height: 0; clear: both }
Viele Grüsse aus Neuseeland, Michael