• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Flexibles Layout, "overflow: auto"

vio

Neues Mitglied
Hallo,

es geht um folgende Internetseite: test.tempelweb.de. Seit Tagen versuche ich verzweifelt, folgendes Problem in den Griff zu bekommen:

Die Site soll responsive sein. Das funktioniert auch soweit gut, außer bei dem container mit dem grauen Hintergrund. Sobald eine gewisse Fensterbreite unterschritten wird, werden zwar die Bilder kleiner, aber dieser graue Bereich mit dem Text bleibt gleich hoch. Warum verändert sich der Text nicht auch in der Höhe? Firebug hilft mir da auch nicht weiter....
Oder könnte es auch an einem javascript liegen? Ich habe da das jquery.cycle.all.min.js in Verdacht, verstehe aber auch nicht, wo das Problem liegen könnte.

Wie gesagt, ich werde noch wahnsinnig!

Ich hoffe sehr, ich habe mich verständlich ausgdrückt und jemand kann mir helfen - ich sage schonmal vielen Dank im Voraus!

Viele Grüße

Vio
 
Zuletzt bearbeitet:
Dein Textbereich ist absolut positioniert. Wie soll der Container dann wissen, wie hoch der content ist?
 
Wenn ich die max-height herausnehme, sieht mein layout so aus: http://test.tempelweb.de/.

Ich habe jetzt ewig herumprobiert, aber ich sehe einfach nicht, woran es liegt. Wie kriege ich diesen Textbereich dazu, dass er immer 50% der Breite einnimmt (margin-left und margin-right für die Bilder sind doch schon auf 25%!) und auf seiner rechten Seite einen Scrollbalken anzeigt? (Jetzt zeigt er mir den Scrollbalken am Fensterrand an.)
 
Hallo.

Zuerst einmal solltest du verstehen was float eigentlich tut.
http://css-technik.de/css-examples/219_9/

Nachdem du dich informiert hast kannst du deinem sidebar_right ein margin-left 50% verpassen.
Und wenn du möchtest das dein Textbereich eine Breite von 50% einnimmt solltest du das auch in deinem CSS so angeben, also zum Beispiel widht 45%.

Für dein Problem mit dem Scrollbalken habe ich jetzt keine Lösung.

Gruss
Elroy
 
Zuletzt bearbeitet:
Zurück
Oben