|
|||
"Frame" mit CSS
Ich möchte eine Div mit overflow: auto; als "Frame" darstellen...
Hab jetzt auch einige Informationen gefunden und es scheint doch teilweise etwas problematisch zu sein! Kann mir jemand erklären auf was man explizit achten sollte... Vielleicht hat ja jemand noch einen informativen Link?! |
Sponsored Links |
|
|||
Technisch gibt es IMHO nichts problematisches. Eventuell drauf achten, dass das Layout nicht auseinanderfällt, sollte ein Browser overflow nicht unterstützen, aber das ist eher theoretischer Natur.
Problematisch ist die Benutzerfreudlichkeit. Nicht jeder Browser unterstützt Tastatursteuerung in diesem Kontext, und wenn doch muss der Anwender den scrollbaren Bereich erstmal aufwändig fokusieren. Auch das Mausrad zum Scrollen zu benutzten ist nicht überall möglich. Schießlich hat der Anwender bei kleineren Bildschirm- oder Fenstergrößen zwei (oder mehr) Scrollbalken, so das er zuerst ein Scrollbalken benutzen muss um den anderen überhaupt zu erreichen. Robin |
|
|||
Frames zum aussterben bringen
Hallo XHTML-Forum,
Ich will auf dem Problem aufsetzen und genauso Frames "emulieren", denn herkömmliche Frames sollten ausgestorben sein! Bisher hab ich es nur im IE zum laufen gebracht: Code:
<html><head><title>overflow</title> <style type="text/css"> #topBar{width:100%; height:150px; border:1px solid #840;background-color:#C0C0C0;} #contentDiv{width:100%;height:expression(document.body.clientHeight-300);overflow:auto; border:1px solid #840;} #bottomNav{position:fixed;position:absolute;top:expression(document.body.clientHeight-150);left:0; bottom:0px;width:100%;height:150px;border:1px solid #840;background-color:#C0C0C0;} </style> </head><body style="margin:0px;font-family:Verdana;font-size:30px;" scroll="no"> <div id="topBar"> TopBar </div> <div id="contentDiv"> Scroll<br /> Scroll<br /> Scroll<br /> Scroll<br /> Scroll<br /> Scroll<br /> Scroll<br /> Scroll<br /> Scroll<br /> Scroll<br /> Scroll<br /> Scroll<br /> Scroll<br /> Scroll<br /> Scroll<br /> Scroll<br /> Scroll<br /> Scroll<br /> Scroll<br /> Scroll<br /> Scroll<br /> </div> <div id="bottomNav"> NavBar </div> </body> </html> PS: Ich habe das Gefühl, dass so ein Problem nur die besten CSS-Freaks lösen können (siehe 100% CPU-Last bei Firefox wg. nicht richtig unterstütztem expression()-Befehl). |
|
||||
Schau mal beim guten alten Stu: stu nicholls | CSS PLaY | CSS frame emulation | the holy grill
__________________
Gruss Dieter Vegetarier essen meinem Essen das Essen weg. Und unsere Norweger sind reine Karnivoren. selfhtml | css4you | jendryschik | styleworks | Webdesign mit XHTML und CSS |
|
|||
früher habe ich das so gemacht: New Document
__________________
test... |
|
|||
Warum das Rad neu erfinden? Schau dir die CSS-Frame-Layouts z.B. bei Stu Nicholls an, sie funktionieren cross-browser und vor allem ohne Skripte oder Expressions: Stu Nicholls | CSSplay | CSS Layouts Listing. Ob sie auch in RoToRas benutzerfreundlich sind, weiß ich nicht,ist aber auf jeden Fall überlegenswert.
|
|
|||
Zitat:
Oder meinst Du was anderes? |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Redesign für Steiner Cycling Team | pkipper | Site- und Layoutcheck | 11 | 09.02.2011 12:25 |
Einbindung von frei erhältlichen Scripten - CSS Problem | DonL | CSS | 1 | 22.01.2011 16:09 |
MYspace mehr als nur CSS oder ? | Vinceone | CSS | 0 | 12.07.2007 02:21 |
Eric Meyer's CSS | Petty | Ressourcen | 0 | 21.11.2005 08:18 |
Mozilla ignoriert externes css | DarkWanderer | CSS | 9 | 22.09.2005 11:39 |