Webmaster Forum -> Hilfe für Webmaster -> CSS
Antwort schreiben -
Benutzername
Titel
Nachrichtentext

Smilies
Very Happy Smile Sad Surprised
Shocked Confused Cool Laughing
Mad Razz Embarassed Crying or Very sad
Evil or Very Mad Twisted Evil Rolling Eyes Wink
Exclamation Question Arrow Neutral
Weitere Smilies ansehen
 Schriftfarbe:  Schriftgröße: Tags schließen
Optionen
HTML ist aus
BBCode ist an
Smilies sind an
BBCode in diesem Beitrag deaktivieren
Smilies in diesem Beitrag deaktivieren
Sicherheitscode Sicherheitscode 
 
Alle Zeiten sind GMT + 1 Stunde
Gehe zu:  
Thema-Überblick
Autor Nachricht
Larsstr
BeitragVerfasst am: 02 Aug 2008 23:05    Titel:

Hey, ich habe nun die Designfehler behoben durch folgende ergänzung im stylecode:

Code:

html {
   min-height: 100%;
}


Code:

<style type="text/css">
<!--
html {
   min-height: 100%;
}

body {
   margin: 0px 0px 0px 0px;
   background-color:#000000;
   background-image:url(Bilder/design/bg.png);
   background-repeat:no-repeat;
   background-position:left bottom;
   background-attachment:scroll;
}
-->
</style>


Jeder andere Befehl funktionierte leider nicht.
Ich danke euch trotzdem für die Bemühungen und natürlich demjenigen, der mir den richtigen Tip gegeben hat.

Larsstr
Forrest Gumb
BeitragVerfasst am: 01 Aug 2008 17:39    Titel:

Dann vergiss das overflow und gib eine mindest Höhe für den Inhalt an.

also z.B. min-height:80%;
Larsstr
BeitragVerfasst am: 01 Aug 2008 17:24    Titel:

Ist eine nette Idee, auch dafür danke ich dir (:
Doch ich glaube mein Auftraggeber wäre damit nicht einverstanden, da, wenn ich das jetzt richtig gelesen habe und auch richtig verstanden habe, ein frameseteffekt entstehen würde.

Die Blumen sollen, solange kein Scrollbalken vorhanden ist, am unteren Rande des Viewports zu sehen sein. Wenn die Seite länger wird, sollen sie am Ende des Dokuments erscheinen. Der Internetexplorer macht es ja auch alles richtig, nur firefox nicht Sad.

Larsstr
Forrest Gumb
BeitragVerfasst am: 01 Aug 2008 17:15    Titel:

gib doch dem Inhalt-div eine prozentuale Höhe und darunter das Blumen-div.

Zusätzlich noch den Befehl für das Inhalt-div overflow:auto; .
Das bedeutet, dass wenn der Inhalt grösser als das Div ist, erscheint ein Scrollbalken.
Larsstr
BeitragVerfasst am: 01 Aug 2008 10:13    Titel:

Sorry ich kann nicht editieren, deswegen doublepost:
Kurz gesagt Firefox nimmt folgende Begriffe nicht an:

background-position: bottom left;


Larsstr

btw, das ist nur ein übergangs webspace, der richtige ist schon im anmarsch ^^.
Larsstr
BeitragVerfasst am: 31 Jul 2008 20:17    Titel:

Hier 4 Versionen. Jeweils 2 ohne Divtag und 2 mit Divtag. Wenn du dir alle 4 Versionen der Seite mit dem IE und Firefox anschaust, wirst du die Unterschiede erkennen.

Ohne Divtag:

Kurze Version: http://larsstr.la.funpic.de/_bg/test.php
Lange Version: http://larsstr.la.funpic.de/_bg/test_lang.php

Mit Divtag:

Kurze Version: http://larsstr.la.funpic.de/_bg/test_div.php
Lange Version: http://larsstr.la.funpic.de/_bg/test_lang_div.php

______

Wie man sehen kann, ensteht dieser Fehler beim IE nur, wenn man einen divtag umzulegt und die Seite kurz ist.
Ich hoffe, du verstehst jetzt, was ich meine. So wie der IE alle Seiten anzeigt (Bis auf die kurze divseite, dort sollen die blumen unten am Bildschirmrand sein) sollen sie auch im Firefox zu sehen sein. Sad

Larsstr
Gast
BeitragVerfasst am: 31 Jul 2008 19:29    Titel:

Ein Link zur Seite oder der Code wäre hilfreich, bei mir klappt das mit dem div.
Gast
BeitragVerfasst am: 31 Jul 2008 18:43    Titel:

Meinst du direkt unter <body> und über </body>?
Wenn ja, das habe ich schon probiert. Ergebnis ist der gleiche Effekt Sad.
Gast
BeitragVerfasst am: 31 Jul 2008 17:23    Titel:

Dann pack doch den Background in ein äußeres div.
Larsstr
BeitragVerfasst am: 31 Jul 2008 13:29    Titel:

Hey, ich danke dir für deine Antwort. Das mit dem margin habe ich direkt übernommen.

Doch leider funktioniert es nicht mit background-attachment:fixed; .

Wenn ich fixed einstelle, scrolle ich sozusagen "über die Blumen hinweg".
D.h. wenn die Seite jetzt länger als eine Darstellung ohne Scrollbalken wird, schwebt der Text über die Blumen hinaus. Die Blumen bleiben zwar unten am Fenster aber nicht, so wie ich es meine (Habe mich warscheinlich beim 1. Post nicht richtig ausgedrückt).

Ich versuche es mal anders zu erklären:
Mal ganz theoretisch angenommen, man hätte eine Tabelle, die immer unten am Bildschirmrand ist aber bei längeren Seiten (Sobald ein Scrollbalken entsteht) mit dem Content nach unten verschwindet. Sozusagen ein Footer, der bei längeren seiten nach unten verschwindet (Das Funktioniert auch bei Firefox) und bei kürzeren Seiten (Ohne Scrollbalken) unten am Bildschirmrand ist.

Im IE klappt das oben beschriebene wunderbar, sogar ohne extra "background-attachment:;" Befehlen.

Vielen dank schonmal im Vorraus für die Hilfe und das Lesen des Beitrages Razz.

Larsstr