|
|||
![]() Zitat:
aber die kombination, nur eine von den -x/-y-eigenschaften anzugeben, und overflow noch mal separat, erscheint mit komisch. schon mal mit overflow-x: auto; overflow-y: scroll; probiert ...? |
Sponsored Links |
|
|||
![]() |
|
|||
![]() Zitat:
![]() Zitat:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>xxxx</title> <style type="text/css" media="screen,projection" title="Druckvorschau => Markup-Semantic"> /*<![CDATA[*/ * { margin: 0; padding: 0; /* Tabellen */ border-collapse:collapse; border-spacing: 0; } html[xmlns^="http"] { /* Viewport komplett; * + BOX-Model => permanent Scrollbalken, * fuer Gecko erzeugen */ height: 100%; padding-bottom: .005em; } html, body { color: #000000; background: #FFDD22; /* line-height ohne Einheit - sonst Vererbung */ line-height: 1.45; } body { /* Nur hier, sonst gibt es * eventuell Vererbungsprobleme. */ font-size: 100.01%; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; min-width: 45em; } div { margin: 1em; border: 1px solid #000000; padding: 1em; font-size: .8em; background-color: #FFFFFF; } pre { margin: 1em 0; border: 1px solid #000000; padding: .5em; font-size: 1em; font-family: "Courier New", Courier, monospace; background-color: #EAEAEA; } /*]]>*/ </style> </head><body> <div> Der Selektor html[xmlns^="http"] mit den gezeigten Eigenschaften als Alternative für "-moz-scrollbars-vertical" im Viewport! <pre> html[xmlns^="http"] { /* Viewport komplett; * + BOX-Model => permanent Scrollbalken; * fuer Gecko erzeugen */ height: 100%; padding-bottom: .005em; } </pre> Wichtiger Vorteil ist dass ein horizontaler Scrollbalken weiterhin möglich ist, dies ist mit "-moz-scrollbars-vertical" automatisch abgeschaltet. Diese Lösung ist CSS3-Valide und sollte auch kein Layout beeinflussen. </div> </body></html>
__________________
</ulle> |
|
|||
![]() Code:
html[xmlns^="http"] { /* Viewport komplett; * + BOX-Model => permanent Scrollbalken; * fuer Gecko erzeugen */ padding-bottom: .005em; } |
|
|||
![]() Zitat:
Des weiteren ist es genauso wie mit Code:
html { overflow: -moz-scrollbars-vertical; } Alles besser als der Flippflopp Viewport.....
__________________
</ulle> |
|
|||
![]()
Wer es unbedingt CSS2.1 Valide braucht
![]() Code:
html[xmlns] { height : 100%; padding-bottom : 0.005em; }
__________________
</ulle> |
|
|||
![]() Zitat:
![]() habe die höhe natürlich schon woanders festgelegt... |
|
||||
![]()
Hey, Ulle!
Wenn Du das hier verwendest: Code:
html,body { margin: 0; padding: 0; height: 100%; } body { background: #fffacd; color: #000; font-family: arial, sans-serif; font-size: 100.01%; line-height: 1.4; height: 100%; }
__________________
Informationen aus Koblenz-Metternich ----------------------------------- "Wissen heißt, Fragen zu erwerben." |
Sponsored Links |
|
|||
![]() Zitat:
FF hat in der Defaulteinstellung keinen "Chost"-Balken, es sei denn Du hast etwas in den User-Einstellungen verändert. Und davon kannst Du nun mal nicht ausgehen. Nochmal zum Verständnis, es geht darum einen Balken zu erzwingen auch wenn der Inhalt kleiner als der Viewport ist! siehe im FF mit der Eingabe: about:config Alles was da mit Fetterschrift angezeigt wird ist geändert worden...
__________________
</ulle> |
Sponsored Links |
![]() |
Themen-Optionen | |
Ansicht | |
|
|
![]() |
||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
background-color: -Iexpl.fehler +MOZILLA OK | andijota | CSS | 8 | 03.11.2010 22:00 |
CSS in Mozilla Problem | blue | CSS | 10 | 07.02.2005 20:53 |
Border/Box Problem zwischen Mozilla und Opera | cro4ky | CSS | 3 | 12.03.2004 10:21 |
mozilla zickt bei Rahmen um den Inhalt | sgm | CSS | 3 | 27.11.2003 23:21 |
background_color wird im mozilla nicht vererbt | seven21 | CSS | 0 | 26.09.2003 12:09 |