✔ Bild rechts unten anzeigen lassen

Status
Nicht offen für weitere Antworten.
S

Stephan Liebig

Erfahrenes Mitglied
Ich habe ein kleines Problem. Ich möchte ein Bild rechts unten in der Ecke erscheint, so dass es auch beim scrollen dort sitzt.

CSS: 
min-height:100%;
height:auto !important;
height:100%;
background-color: #222222;
background-image: url(images/logobg.jpg); 
background-position:right bottom;
background-repeat:no-repeat;

Damit funktioniert das anisich auch eigentlich ganz gut. Allerdings habe ich Probleme im IE. Dort zeigt er zwar unten rechts das Bild, dafür aber auch oben rechts einen Teil davon.

Kann mir jemand helfen, wie ich das Problem beseitigen kann?
 

Anhänge

  • img_ie.jpg
    img_ie.jpg
    30,1 KB · Aufrufe: 165
Hi,

kannst du mal den vollständigen HTML- und CSS-Code der Seite posten, oder den Link zur Seite nennen, denn ich kann mit dem gezeigten Stylesheet den Darstellungsfehler im IE (6 + 7) nicht reproduzieren.
 
Zu finden unter http://www.cg-music.de

Oder:

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CG - Music | Veranstaltungstechnik</title>
<style type="text/css">
html,body {
min-height:100%;
height:auto !important;
height:100%;
background-color: #222222;
background-image: url(images/logobg.jpg); 
background-position:right bottom;
background-repeat:no-repeat; 

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #CCCCCC;
}
</style>
</head>
<body>
<strong>Kontakt</strong><br />
So k&ouml;nnen Sie uns w&auml;hrend unserer Serverarbeiten erreichen:<br />
<br />
CG - Music | Veranstaltungstechnik<br />
Christian Gerbig<br />
Hafenstraße 3<br />
69412 Eberbach<br />
Tel.: 06271/916634<br />
Mobil: 0173/9372995<br />
Email: info@cg-music.de
</body>
</html>
 
Auf diese Weise wird die "Bildwiederholung" im Viewport abgestellt:

Code: 
html,body {
min-height:100%;
height:auto !important;
height:100%;
}

body {
background-color: #222222;
background-image: url(images/logobg.jpg);
background-position:right bottom;
background-repeat:no-repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #CCCCCC;
}
Übrigens lässt sich dieser Block:

Code: 
background-color: #222222;
background-image: url(images/logobg.jpg);
background-position:right bottom;
background-repeat:no-repeat;
auch in der background-Eigenschaft zusammenfassen:

Code: 
background: #222222 url(images/logobg.jpg) right bottom no-repeat;
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück