no_n@me
Aktives Mitglied
Thread Starter
- Dabei seit
- 20.03.2006
- Beiträge
- 759
- Reaktionspunkte
- 1
Hallo,
ich versuche gerade, ein Hintergrundbild am unteren Rand einer Website zu platzieren. Das Hintegrundbild soll sich horizontal wiederholen.
Klappt auch mit Safari und wohl auch mit neueren Versionen des IEs. Nur leider mit Firefox, Opera und Camino nicht. Da ist das Hintergrundbild nicht am unteren Rand der gesamten Seite, sondern am unteren Rand es Contents. Bei wenig Text, Bildern, was auch immer ist unten ein dicker weißer Rand zu sehen.
Hier mal Teile der CSS, der Rest hat eigentlich nichts damit zu tun:
HTML:
ich versuche gerade, ein Hintergrundbild am unteren Rand einer Website zu platzieren. Das Hintegrundbild soll sich horizontal wiederholen.
Klappt auch mit Safari und wohl auch mit neueren Versionen des IEs. Nur leider mit Firefox, Opera und Camino nicht. Da ist das Hintergrundbild nicht am unteren Rand der gesamten Seite, sondern am unteren Rand es Contents. Bei wenig Text, Bildern, was auch immer ist unten ein dicker weißer Rand zu sehen.
Hier mal Teile der CSS, der Rest hat eigentlich nichts damit zu tun:
HTML:
body {
background-color: #ffffff;
background-image: url(bg.jpg);
background-repeat: repeat-x;
background-position: bottom;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
color:#000000;
padding:0px;
margin:0px;
}
#inhalt {
margin: 1em auto;
padding: 10px;
width: 700px;
background-color: #FAE4DE;
border: 1px dotted #000000;
text-align: justify;
}
HTML:
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Test</title>
<style type="text/css" media="screen">
@import url("css/style.css");
</style>
</head>
<body>
<div id="inhalt">
<h1>Test-Seite</h1>
<p>Inhalt…</p>
<p>blablabla…</p>
</div>
</body>
</html>