| Thema-Überblick |
| Autor |
Nachricht |
| Larsstr |
Verfasst 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 |
Verfasst 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 |
Verfasst 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 .
Larsstr |
|
 |
| Forrest Gumb |
Verfasst 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 |
Verfasst 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 |
|
 |
| Gast |
Verfasst 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 |
Verfasst 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 . |
|
 |
| Gast |
Verfasst am: 31 Jul 2008 17:23 Titel: |
|
| Dann pack doch den Background in ein äußeres div. |
|
 |
| Larsstr |
Verfasst 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 .
Larsstr |
|
 |
|
|