|
|||
Hintergrundbild erzeugt keine Scrollbalken - erst bei Inhalt Scrollbalken
Hallo!
Ich weiß eigentlich nicht wie ich meine Frage ausdrücken soll. Ich kann es nur anhand eines Beispiels machen: SWIRE - Welcome Wie wird in oben angegebener Weise der Effekt erzeugt, dass bei Verkleinerung des Fensters die horizontalen Scrollbalken erst anspringen, wenn der Viewport soweit verkleinert wird, dass der Container mit dem tatsächlichen Inhalt (etwa die Breite des Headers) verdeckt wird? Das Hintergrundbild (Grauer Hintergrund mit gelbem Querbalken) bleibt immer zentriert - somit auch der Inhaltscontainer. Wie macht man sowas mit CSS? In Google fand ich nichts, da ich nicht wusste wie ich danach fragen sollte - sorry! Vielen Dank und Gruß Landau |
Sponsored Links |
|
|||
Da ist ein Hintergrundbild im body und ein Inhaltsbereich. Nur der Inhaltsbereich verursacht Scrollbalken -- das ist ganz normal. Deshalb verstehe ich auch nicht, was du du so erstaunlich findest und worauf deine Frage abzielt.
Was würdest du denn anderes erwarten?
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
Sponsored Links |
|
||||
Hallo,
wieso wirfst du nicht einfach mal einen Blick in das CSS der von dir verlinkten Seite? Am besten nutzt du hierfür ein Tool wie bspw. Firebug. Gruß, lotti.
__________________
Empfehlenswerte Links: jsFiddle | JavaScript Patterns | RedBeanPHP | Mozilla Developer Network -/- W3C Validator | JSLint |
|
|||
Danke an alle!
das wusste ich nicht - jetzt funkt es aber. Gleich habe ich aber noch eine Frage, die ich mit Firebug irgendwie nicht erklären kann: Wie schafft es oben angegebene Seite, dass der footer immer am unteren Fensterrand ist - wenn aber der Inhalt dann mal länger als der Viewport ist, dann rutscht sie unter den unteren Rand des Viewports? JavaScript? Oder funkt das anders? Vielen Dank und Gruß Landau |
|
||||
Auf der Beispielseite wird das mit Javascript gelöst.
Ansonsten siehe faq7) Fusszeile immer am unteren Rand / "Footer Stick Alt"
__________________
MfG Jens |
|
||||
__________________
Empfehlenswerte Links: jsFiddle | JavaScript Patterns | RedBeanPHP | Mozilla Developer Network -/- W3C Validator | JSLint |
|
|||
So, nun habe ich mir das alles angesehen. Die Idee, dass man den footer unterhalb des mainContainers ansiedelt ist super. Jedoch habe ich folgendes Problem: Wenn ich nun das Browserfenster von unten her verkleinere, dann "überfährt" mein footer divs des mainContainers anstatt in den Scrollmodus überzugehen. Ich habe das ganze zum Ansehen ins Web gestellt:
Unbenanntes Dokument Wie kann ich verhindern, dass die divs beim Verkleinern des Browserfensters vom footer "überfahren" werden? Vielen Dank und Gruß Landau |
|
|||
Du musst clearen (!) -- und dafür sorgen, dass unterhalb des Inhalts genügend Platz für den Footer vorhanden ist (nein, ein unterer Margin beim 100%-hohen Element ist nicht sinnvoll).
Schau dir FooterStickAlt nochmal genau an. Es ist keine Verschiebung mit relativer Positionierung, die den Footer nach oben holt. Und der Wert, den du verwendest, ist auch nicht sinnvoll.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken Geändert von fricca (14.06.2012 um 16:54 Uhr) |
Sponsored Links |
|
|||
Hallo,
ein Blick im Quelltext sagt schon alles. Tipp. Little Boxen durcharbeiten. Eine ID gleichen Namens darf in einem Dokument nur ein einziges Mal vorkommen, u.s.w. _________ Gruß, Roland |
Sponsored Links |
Stichwörter |
hintergrundbild, scrollbalken kein, zentrieren |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
CSS-Layout der Browsergröße anpassen | Jen | CSS | 3 | 14.11.2008 09:39 |
Problem mit position:relative; | McCoRmIcK | CSS | 0 | 08.04.2007 17:23 |
dreispaltiges layout, footer soll immer mitwandern | sirrpa | CSS | 14 | 24.11.2005 19:57 |
div box bekomme ich nett zentriert??? | Hard@Bowl | CSS | 1 | 23.05.2005 12:22 |
height: 100% beim IE | [M.o.C]Co | CSS | 3 | 12.05.2005 13:58 |