|
|||
100% Höhe für IE und FF
Hallo,
habe den ganzen Tag rumprobiert... Möchte 100% Seitenhöhen-Nutzung haben mit 3 Divs: 1. div oben hat feste pixel-höhe 150px 2. div soll variabel sein, aber voll gefüllt, und mit overflow:auto 3. div unten hat feste 50px Im FF hat es geklappt, aber im IE war der mittlere teil nicht zu bändigen, immer über Seitenlänge hinaus. Idee für einfache css-Angaben ? Danke hans |
Sponsored Links |
|
|||
Hallo,
also ich lass das jetzt. Die vielen auch hier im Forum gefundenen Ideen sind ja ok, aber es ist doch nicht tragbar was für Klimmzüge gemacht werden (müssen) um die Browser zu gleichen Ergebnissen zu zwingen. Wenn diese css-Orgien mal jemand "pflegen" muss - na danke... Habe jetzt einfach feste Werte definiert - basta. Hatte ein anderes Propjekt mit Durchweg %-Werten - einfach und ok. Manchmal sind auch die ach so verteufelten Tabellen richtig gut und besser. Sollte jemand eine total verständliche und einfache Lösung für 3 divs per css untereinander hinbekommen, wäre das genial: 1. div oben 100px fest 2. div mitte variabel, dass immer 100% seitenhöhe rauskommt, mit overflow:auto 3. div unten 50px, immer schön am Rand unten. Solle ab IE 6 und bei FF laufen, ander wären mir egal. Gruss Hans |
|
|||
auch mal kurz zur verständnis gefragt. 100% von was. wonach richtest du diesen wert. von der auflösung ?? im endeffekt willst du einen header mit effektiven 100px und einen footer mit effektiven 50px. und dazwischen der content.
willst du das es so ausschaut wie bei nem frameset header immer oben am browser zu sehen und footer immer am unteren rand der browsers zu sehen?? dh. beim scrollen wird nur der content bewegt??? lg |
|
|||
Hallo,
unabhängig der Bildschirmgrössse (body height:100%) soll der obere Bereich immer ganz oben und der untere immer am Rand unten stehen. Der mittlere Teil ist somit variabel. Wenn in der Mitte zu viel Inhalt, scrollen, wenn wenig Inhalt, trotzdem 100% Bildschrimhöhe. Wäre also einfach gesagt so gemeint: div oben: top:0; height:100px; div mitte: top:100; bottom:50px; height: 100%; overflow:auto: div unten: bottom:0, height:50px Wenn ich es für den IE ok hatte, streikte der FF - und umgekehrt... Spielereien mit den DOCTYPE kommen noch dazu... Bin aber inzwischen einer Lösung nahe - hoffe ich... |
|
||||
Hallo hpbcss,
ich habe es gerade getestet. In FF 1.5, FF2.0, Opera 9.21, Konqueror 3.5.6, IE 5.01, IE 5.5 und IE 6.01 (alles unter Linux) funktioniert es einwandfrei. Vielleicht liegt es daran, dass Du keine optische Trennung zwischen „mitte“ und „unten“ sihst. Gib mal zum Testen dem „mitte“-DIV ein padding-bottom 100px statt 50px. Code:
#mitte {padding-bottom:100px;background:#eee} |
Sponsored Links |
|
|||
etux, es geht hier wohl um ein Pseudo-Frame-Layout wie hier.
Wenn dem OP die "Klimmzüge" für den IE nicht genehm sind, dann wird er wohl auf dieses wenig empfehlenswerte Layout verzichten müssen. |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
DIV: Ausfüllen restlicher Höhe bei weiterem DIV mit fixer Höhe | danoman | CSS | 5 | 24.04.2011 19:38 |
Divv 100% Höhe mit Hintergrundbild | Gsicht | CSS | 0 | 24.03.2009 09:30 |
Probleme mit der Breite und Höhe nach Padding | BoFiaZ | CSS | 1 | 12.03.2009 11:21 |
Tablle mit 100% Höhe in IE | Be1er0ph0r | CSS | 4 | 03.03.2007 17:15 |
Inhaltsbereich in der Höhe dynamisch anpassen | jorainbo | CSS | 3 | 05.07.2004 10:39 |