zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden [Background image] Browser Zoom

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 19.07.2011, 22:24
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 03.07.2011
Beiträge: 2
DarkItachi befindet sich auf einem aufstrebenden Ast
Frage [Background image] Browser Zoom

Hallöchen,

Ich habe eine Seite gemacht, bei der ich dem Style des body's folgende styles hinzugefügt habe:

Code:
body {
    background: url(img/bgbottom.png) bottom repeat-x;
    height: 100%;
}
Jetzt das Problem:
Wenn der User wegzoomt, also weniger als 100%, dann bewegt sich der Hintergrund nicht mit. Dadurch sieht das dann so aus:
http://localhostr.com/file/nou0uuZ/bgbottom_preview.png

Aber der Schatten (bgbottom.png) soll halt immer ganz unten im Screen sein. Wie würdet ihr das Problem lösen ?

Mit freundlichen Grüßen,
Darkitachi
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 19.07.2011, 22:54
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 03.07.2011
Beiträge: 2
DarkItachi befindet sich auf einem aufstrebenden Ast
Standard Solved

Well, I solved the problem...

Ich habe einfach mal ein tolles Classic-Stück gehört und da ist's mir eingefallen: (mitscrollendes div-Element)

Code:
.bottombg {
    background: url(img/bgbottom.png) bottom left repeat-x;
    width: 104%; /* ganze Seite lang */
    height: 31px; /* Imagewidth */
    position: fixed; /* Damits nicht mitscrollt */
    top: 96%; /* umprobiert, hat nichts zu sagen */
    z-index: -2; /* Damits hinter den anderen Objekten ist. */
    margin-left: -10px;   /*Damits von linken Screen Rand anfängt und nicht erst 5 Pixel von links */
}
Html code:

HTML-Code:
    <div class="bottombg">
    
    </div>
So einfach
Mit Zitat antworten
Sponsored Links
Antwort

Stichwörter
background, css, html

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Browser Zoom - Divs vergrößern sich nicht mit mathias81 CSS 19 04.08.2009 08:58
jQuery: Problem mit Fancy Zoom und Styleswitcher fixekiste Javascript & Ajax 13 07.12.2008 19:02
Super Browser - Ein Browser alle Engines? tichy Ressourcen 6 16.04.2008 23:50
[php] Default Browser lomtas Serveradministration und serverseitige Scripte 5 14.12.2006 17:48
Problem mit Schriftgröße in Tabellen pospiech Knowledge Base 20 10.08.2005 23:12


Alle Zeitangaben in WEZ +2. Es ist jetzt 01:21 Uhr.