XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   Knowledge Base (http://xhtmlforum.de/forumdisplay.php?f=79)
-   -   -moz-scrollbars- / Mozilla (http://xhtmlforum.de/showthread.php?t=33268)

wahsaga 17.03.2005 19:42

Zitat:

Zitat von ulle
Code:

html {
        overflow: scroll;
        overflow-x: auto;
}

Geht auch fast, leider versteht der Mozilla [overflow-x] nicht

sollte er m.W. inzwischen schon.

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 ...?

TSTriton 17.03.2005 19:50

ich hab das ausprobiert, im IE fuktioniert es auch, aber im Firefox leider nicht :(

Franky 19.03.2005 17:41

http://www.tutorials.de/tutorials160744.html guck mal :o :idea:

ulle 01.06.2005 10:17

Zitat:

Zitat von ulle
Gibt es denn nicht die Möglichkeit wie oben beschrieben,
nur ohne das dabei der horizontale Scrollbalken abgeschaltet wird

Bin auf eine andere Lösung gekommen ;)
Zitat:

html[xmlns^="http"]
{
/* Viewport komplett;
* + BOX-Model => permanent Scrollbalken;
* fuer Gecko erzeugen
*/
height: 100%;
padding-bottom: .005em;

}
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>


nicmare 01.06.2005 11:55

Code:

html[xmlns^="http"]
{
/* Viewport komplett;
* + BOX-Model => permanent Scrollbalken;
* fuer Gecko erzeugen
*/
padding-bottom: .005em;
}

das funktioniert allerdings wird dann ne aktive scrollbar angezeigt. also nicht so gut.

ulle 01.06.2005 12:00

Zitat:

Zitat von nicmare
Code:

html[xmlns^="http"]
{
/* Viewport komplett;
* + BOX-Model => permanent Scrollbalken;
* fuer Gecko erzeugen
*/
padding-bottom: .005em;
}

das funktioniert allerdings wird dann ne aktive scrollbar angezeigt. also nicht so gut.

Das funktioniert ohne [height: 100%;] im genannten Selektor überhaupt nicht! Es sei denn Du hast im CSS noch einen Eintrag der das HTML-Element sowieso schon mit 100% Höhe auszeichnet.


Des weiteren ist es genauso wie mit
Code:

html {
        overflow: -moz-scrollbars-vertical;
}

damit ist die Scrollbar genauso "aktiv". Und wenn schon, Hauptsache ist das nichts SCROLL't wo nichts ist.



Alles besser als der Flippflopp Viewport.....

ulle 01.06.2005 14:04

Wer es unbedingt CSS2.1 Valide braucht :arrow:
Code:

html[xmlns]
            {

            height : 100%;
            padding-bottom : 0.005em;

            }

Bisherige Tests in meinen Projekten sind alle positiv verlaufen .........

nicmare 01.06.2005 14:15

Zitat:

Zitat von ulle
Das funktioniert ohne [height: 100%;] im genannten Selektor überhaupt nicht! Es sei denn Du hast im CSS noch einen Eintrag der das HTML-Element sowieso schon mit 100% Höhe auszeichnet.

wenn ich sage das funktioniert, dann funktioniert das ;).
habe die höhe natürlich schon woanders festgelegt...

Dieter 20.06.2005 01:01

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%;
}

dann hast Du doch im Firefox einen permanent vorhandenen vertikalen Scrollbalken!

ulle 20.06.2005 11:23

Zitat:

Zitat von Dieter Krautkraemer
.....dann hast Du doch im Firefox einen permanent vorhandenen vertikalen Scrollbalken!

Nein, habe ich nicht. Warum auch?

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...


Alle Zeitangaben in WEZ +2. Es ist jetzt 07:58 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023