|
|||
2 Spalten-Design mit 100% Height
Ich bin mit meinem CSS-Latein am Ende. Seit 2 Tagen versuche ich nun ein 2-Spalten Layout mit 100% height hinzukriegen, stosse jedoch immer wieder am gleichen Problem an:
In der rechten Spalte ist eine Grafik. Wenn das Browserfenster in der Höhe kleiner als die besagte Grafik ist, schneidet es links beim Content den Hintergrund ab, Text allerdings nicht. Warum kann ich mir nicht erklären. Das ganze kann man schön selber provozieren. Am besten gehts auf home, weil da am meisten Content ist: http://www.rh-productions.ch/masone/indextest.php PS: Ich hab nur auf Firefox rumgewurschtelt, vielleicht siehts auf IE noch übler aus. |
Sponsored Links |
|
|||
Re: 2 Spalten-Design mit 100% Height
Zitat:
und weil height nicht min-height ist. |
Sponsored Links |
|
|||
Hi wahsaga
Wie kann ich das Problem umgehen? Am Overflow kann ich ja wohl nichts ändern, oder doch? Was du mit height != min-height meinst, verstehe ich nicht ganz. Wär froh, wenn du mir etwas auf die Sprünge helfen könntest |
|
|||
Zitat:
und wenn die überschritten wird fließt (bei overflow:visible) der inhalt über die elementgrenzen hinaus - das element wird dabei aber nicht vergrößert. (und deshalb auch sein hintergrund nicht "fortgesetzt".) wenn du aber gar keine feste höhe angeben willst, sondern nur einen mindesthöhe - dann nutze eben min-height. |
|
||||
Zudem, wenn ich mir das Bild ansehe, könnte man meinen, da fehlt ein clear nach einem float
__________________
“My software never has bugs. It just develops random features ...” » DevShack - die Website des freien Webentwicklers Boris Bojic |
|
|||
Ich hatte nicht wirklich viel Ahnung von float. Mittlerweile hab ichs so gelöst und auf IE bzw. FF siehts so aus wie ich möchte. Bei Gelegenheit werde ich dann mal noch mit weiteren Browsern testen, fürs erste muss es aber reichen
Danke für die Tipps! http://www.rh-productions.ch/masone |
|
|||
"min-height: 100%"
Endlich kann ich gut schlafen. Ich hatte immer das Problem: Wenn zu wenig content, dann war "height: 100%" in Ordnung. Wenn mehr content als Bildschirmfläche, dann war das Problem, dass der Hintergrund (z.B. #fff) nicht weiter angezeigt wurde. Mit min-height ist nun alles wunderbar. Vielen Dank |
|
|||
min-height wird aber von ie nicht richtig interpretiert. allerdings streckt ie alle container einfach, was den selben effekt hat. und gibt soviel ich weiss gibts im ie dann auch keinen overflow.
|
Sponsored Links |
|
||||
min-height kennt Safari übrigens auch nicht, und da hilft auch nicht der height-Trick.
__________________
“My software never has bugs. It just develops random features ...” » DevShack - die Website des freien Webentwicklers Boris Bojic |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Verschiebungen bei größerem Bildschirm | seelefant | CSS | 4 | 28.07.2014 16:43 |
CSS von Plugin beisst! | expand | CSS | 0 | 28.09.2012 18:44 |
Div Positionen in Firefox falsch | ozero | CSS | 4 | 17.07.2009 23:35 |
prblemme mit mein inhalt div | carlos587261 | CSS | 3 | 23.04.2008 15:07 |
Mozilla zeigt DIV zu oft an | cracki | CSS | 6 | 09.03.2008 16:22 |