XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Crossbrowser Farbverlauf Problem (http://xhtmlforum.de/showthread.php?t=67470)

Hazzi1 10.05.2012 11:15

Crossbrowser Farbverlauf Problem
 
Hallo zusammen,

wie der Titel schon sagt hab ich ein Problem mit einem Farbverlauf.
Der Farbverlauf bezieht sich auf den body tag der Seite und ist in vertikaler Richtung.

Das Problem das ich nun habe ist, dass eine Unterseite recht kurz ist. Soll heissen, dass das untere Ende der Seite ohne scrollen zu sehen ist. Hieraus ergibt sich das Problem, dass bei Firefox(12.0) und Chrome(18.0.1025.168) der Hintergrund(Farbverlauf) ab dem Ende der Seite wiederholt wird. Wie kann ich das umgehen? Ich müsste in diesem Fall ja vorher wissen, wie groß das Browserfenster ist um den Inhalt der Seite künstlich zu strecken. Ist das möglich?

Den Code den ich verwendet habe ist folgender

HTML-Code:


background: -webkit-gradient(linear, left top, left bottom, from(#EBEBEB), to(#FFFFFF));



background: -moz-linear-gradient(top, #EBEBEB, #FFFFFF);



filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#EBEBEB, endColorstr=#FFFFFF);



-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#EBEBEB, endColorstr=#FFFFFF)";

Vielen Dank für eure Bemühungen.
Viele Grüße

lottikarotti 10.05.2012 11:30

Hallo,

du könntest für das Element html eine minimale Höhe (mit der Eigenschaft min-height) von 100% festlegen. Wenn dein Farbverlauf nun auf das Element body angewendet wird, dürfte dieser sich über die gesamte Seite strecken, sofern der Inhalt vollständig im sichtbaren Bereich liegt. Wird die Seite länger, dehnen sich html und somit auch body nach unten hin aus.

Um dein Problem etwas deutlicher zu machen, postest du beim nächsten Mal bitte dein vollständiges CSS + HTML und, wenn möglich, einen Link zu deinem Problem.

Gruß, lotti.

Hazzi1 10.05.2012 11:39

Hallo lotti,

ich habe es gerade ausprobiert und es funktioniert einwandfrei.
So einfach kann es manchmal gehen.

Vielen Dank für die schnelle Antwort und die Verlinkungen.

Viele Grüße
Hazzi

fricca 10.05.2012 11:44

Zitat:

Zitat von lottikarotti (Beitrag 516222)
du könntest für das Element html eine minimale Höhe (mit der Eigenschaft min-height) von 100% festlegen. Dem Element body gibst du dann eine Höhe (mit der Eigenschaft height) von 100%.

Die height-Angabe des body ist wirkungslos, weil der Bezugswert fehlt. Wenn html keine eigenen Angaben für einen Hintergrund hat ist für body auch nichts weiter nötig.

lottikarotti 10.05.2012 12:01

Zitat:

Zitat von fricca (Beitrag 516225)
Die height-Angabe des body ist wirkungslos, weil der Bezugswert fehlt. Wenn html keine eigenen Angaben für einen Hintergrund hat ist für body auch nichts weiter nötig.

Hallo,

das stimmt natürlich. Da habe ich mal wieder Unsinn verzapft. Danke für die Info!

Gruß, lotti.

Hazzi1 10.05.2012 12:43

Und ich sage nochmals vielen Dank an fricca für die zusätzliche Info.

Viele Grüße
Hazzi


Alle Zeitangaben in WEZ +2. Es ist jetzt 10:14 Uhr.

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

© Dirk H. 2003 - 2020