PSD-Tutorials.de
Forum für Design, Fotografie & Bildbearbeitung
Shop
Tutkit
Agentur
Hilfe
Kontakt
Start
Forum
Aktuelles
Foren durchsuchen
Tutorials
News
Anmelden
Kostenlos registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Menü
Anmelden
Kostenlos registrieren
App installieren
Installieren
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Antworten auf deine Fragen:
Neues Thema erstellen
Start
Forum
Contest-Bereich - 2D, 3D & Fotografie
2D-Contests - Monatscontests, User-Battles, ...
Bild positionieren - unten rechts (Fixed)
Beitrag
<blockquote data-quote="Ironbird" data-source="post: 740995" data-attributes="member: 117541"><p>Hallo,</p><p> </p><p>ich habe ein klassisches 3 Spalten-Layout mit Kopf und Fuß-Bereich.</p><p>Das ganze Gerüst steht schon nur habe ich ein kleines positionierungsproblem.</p><p> </p><p></p><p> </p><p>Und zwar möchte ich, dass die seitlichen Spalten (Sidebars) fixed sind. D.h. dass sie beim Scrollen auf ihrer Position stehen bleiben.</p><p> </p><p>Bei der linken Spalte funktioniert es. Es sit meine Navigation und das ganze beginnt oben und hört auf wenn der Text endet.</p><p> </p><p>CSS-Code:</p><p> </p><p>#sidebar1 {</p><p>float: left;</p><p>width: 244px; </p><p>background: #484848; </p><p>padding: 15px 0; </p><p>background-image: url(../pics/bg-nav.gif);</p><p>background-repeat: no-repeat;</p><p>height: 565px;</p><p>position: fixed;</p><p>}</p><p> </p><p> </p><p>Bei der rechten Spalte soll nur ein Bild eingefügt werden, dass aber immer nten rechts positioniert werden soll und ebenfalls fixed.</p><p>Aber ich bekomm das nicht hin. Sobald ich auf fixed gehe wird das Bild an der oberen Kante der Spalte angesetzt. Hab schon ettliche möglichkeiten mit der Positionierung probiert, aber es reagiert nix.</p><p> </p><p>Im Moment habe ich es so:</p><p> </p><p>#sidebar2 {</p><p>float: right;</p><p>width: 250px;</p><p>background: #484848; </p><p>height: 565px;</p><p>padding: 10px 0;</p><p>}</p><p> </p><p>#sidebar2 img {</p><p>position: relative;</p><p>top: 315px;</p><p>}</p><p> </p><p>Jetzt ist zwar das Bild unten, aber es scrollt mit. </p><p> </p><p>Noch anzumerken wäre, dass das Bild nicht im Document unten rechts immer sein soll, sondern im Browserfenster. D.h. auch wenn der Text über die Grenzen des Browserfensters gehen sollte, soll das Bild im Browserfenster bleiben.</p><p> </p><p>Kann mir jemand nen Tip geben wie ich das machen kann?</p><p> </p><p>Danke schon mal für die Hilfe</p><p> </p><p>Ironbird</p></blockquote><p></p>
[QUOTE="Ironbird, post: 740995, member: 117541"] Hallo, ich habe ein klassisches 3 Spalten-Layout mit Kopf und Fuß-Bereich. Das ganze Gerüst steht schon nur habe ich ein kleines positionierungsproblem. Und zwar möchte ich, dass die seitlichen Spalten (Sidebars) fixed sind. D.h. dass sie beim Scrollen auf ihrer Position stehen bleiben. Bei der linken Spalte funktioniert es. Es sit meine Navigation und das ganze beginnt oben und hört auf wenn der Text endet. CSS-Code: #sidebar1 { float: left; width: 244px; background: #484848; padding: 15px 0; background-image: url(../pics/bg-nav.gif); background-repeat: no-repeat; height: 565px; position: fixed; } Bei der rechten Spalte soll nur ein Bild eingefügt werden, dass aber immer nten rechts positioniert werden soll und ebenfalls fixed. Aber ich bekomm das nicht hin. Sobald ich auf fixed gehe wird das Bild an der oberen Kante der Spalte angesetzt. Hab schon ettliche möglichkeiten mit der Positionierung probiert, aber es reagiert nix. Im Moment habe ich es so: #sidebar2 { float: right; width: 250px; background: #484848; height: 565px; padding: 10px 0; } #sidebar2 img { position: relative; top: 315px; } Jetzt ist zwar das Bild unten, aber es scrollt mit. Noch anzumerken wäre, dass das Bild nicht im Document unten rechts immer sein soll, sondern im Browserfenster. D.h. auch wenn der Text über die Grenzen des Browserfensters gehen sollte, soll das Bild im Browserfenster bleiben. Kann mir jemand nen Tip geben wie ich das machen kann? Danke schon mal für die Hilfe Ironbird [/QUOTE]
Bilder bitte
hier hochladen
und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Zitate einfügen…
Authentifizierung
Der grüne Frosch hüpft über die Hügel an den Bäumen vorbei in die Höhle. Bitte nenne das vierte Wort!
Antworten
Start
Forum
Contest-Bereich - 2D, 3D & Fotografie
2D-Contests - Monatscontests, User-Battles, ...
Bild positionieren - unten rechts (Fixed)
Oben