|
||||
Container am unteren Rand positionieren
Hallo Community,
ich habe folgendes Problem; http://www.ieh.de/test/ Und zwar wird der Container "rechts" und "inhhalt" dynamich mit Inhalt gefüllt und weist daher immer eine andere Größe auf. Der Container "rechts2" (beinhaltet die Grafik mit dem Schriftzug) soll aber immer am unteren Rand der rechten Leiste zu sehen sein. Leider weiß ich nicht wie ich ihn in diesem Fall positionieren muss. Ich stehe völlig auf dem Schlauch. Zitat:
Danke für eure Hilfe! Edit: Ich war nicht ganz bei der Sache. Das eigentliche Problem ist jetzt gelößt, aber der IE produziert einen Fehler. Offenbar im zusammenhang mit faux colums. Kann mir wer helfen? Geändert von Safran (16.06.2006 um 17:11 Uhr) |
Sponsored Links |
Sponsored Links |
|
||||
Hallo Heiko,
vielen Dank für deine schnelle Hilfe! Es klappt jetzt wunderbar, aber ich verstehe nicht aus was sich margin-top: -266px; zusammen setzt. Das Ganze funktioniert ja mit dynamischem Inhalt. Mit der Textpassage kann ich leider nichts anfangen: Zitat:
Aber ich glaube das hast du nicht gemeint. |
|
||||
Zitat:
Zitat:
Wenn #rechts noch Inhalt bekommt und sich nicht mit #rechts2 überlagern soll (wovon ich ausgehe), braucht #rechts ausreichendes padding-bottom (d.h. mindestens 206px, entsprechend der Höhe von #rechts2). Geändert von heiko_rs (16.06.2006 um 18:02 Uhr) |
|
||||
Zitat:
Das ich nicht von selbst auf die Idee gekommen bin. Zitat:
fG Safran |
|
||||
Footerinhalt v-align:bottom
Die Seite ist nun fast fertig aber ich habe noch ein Problem. Im Prinzip ist es genau das Selbe wie oben beschrieben nur:
Es handelt sich um den Footer. Den möchte ich mit Inhalt füllen, der dann rechts, unten angezeigt wird. Leider weiß ich nicht wie ich den Text am unteren Rand vom Footer positionieren kann. Position: relative fällt ja weg, weil sonst der Lösungsvorschlag oben nutzlos wäre. Ein negativer margin-top Wert funktioniert leider auch nicht. Danke im Vorraus! |
|
||||
Zitat:
Dann kannst Du dem Footer schonmal text-align: right; geben, und nach unten ausrichten kannst Du den Text z.B., indem Du dem #footer die height-Angabe wegnimmst und die Höhe durch padding-top erzeugst, das auch gleichzeitig den Text nach unten drückt (das ist allerdings ungünstig bei allzu großer Schriftvergrößerung). Position könnte auch gehen, wenn Du innerhalb von #footer noch ein <p> hast, das Du relativ oder absolut positionieren kannst. Gib doch mal den Text für den Footer an (kann auch ein Mustertext sein, Hauptsache Textlänge und Zeilenzahl stimmen), dann kann man leichter sagen, wie es am Besten umgesetzt wird. EDIT: Wenn #rechts2 im Markup vor #footer kommt, braucht es natürlich noch ein clear: both;. Geändert von heiko_rs (16.06.2006 um 22:04 Uhr) |
|
||||
Zitat:
|
|
||||
Erstmal vorweg: Da quasi alle Deine DIVs floaten (was gut ist), lasse das Markup doch besser wie gehabt, d.h. #rechts2 nach #footer, denn dieser cleart ja alles und bringt #rechts2 dadurch in eine eindeutige Position. Andernfalls unterscheiden sich die Float/Clear-Interpretationen der einzelnen Browser (vor allem der verschiedenen IE-Versionen) zu sehr. Und da Du kaum Text im Footer hast, wird seine Höhe von 90px ja auch immer ausreichen. Ich gebe Dir gleich mal einen Vorschlag bzgl. der Textplazierung im Footer.
|
Sponsored Links |
|
||||
Okey, da hast du natürlich auch wieder rehct. Ich hatte das Markup schon geändert, aber was du da sagst macht Sinn. Ich werde es wieder abändern.
Wenn ich #footer p per position:relative positionieren will, versteht das der IE anders als alle anderen Browser. Er verschiebt es 2-3 Pixel zu weit, was bei den kleinen Größen auffällt. fG, Safran |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Anfängerfrage: Zentrierung in Galerie und Border-Problem | goldbeere | CSS | 3 | 04.11.2013 20:07 |
Container am unteren Rand & Content 100% Höhe | KILLHILL | CSS | 1 | 23.10.2009 16:46 |
Positionierung von Container horizontal | mayhemtl | CSS | 9 | 11.08.2007 16:25 |
ul im container am unteren ende platzieren | SKVler | CSS | 8 | 17.09.2006 19:30 |
Container nimmt nicht die Höhe seines Inhalts an | Lestat | CSS | 10 | 04.08.2005 14:47 |