Hallo Leute!
Probiere schon den ganzen Abend rum, aber es klappt nicht. :nee: Eigentlich möchte ich etwas ganz simples...
- eine Hintergrundfarbe im body mit #e4e4e4,
- im oberen der Bereich der HP einen Image-Streifen der sich auf einer Gesamthöhe von 470px von links nach rechts repeatet, auch im body
- im Header eine Grafik die sich im kompletten #container befindet und sich dem Imagestreifen aus dem body anpaßt.
Dreamweaver zeigt es mir auch in der Entwurfsansicht richtig an, nämlich so:
Wenn ich mir das Ganze im Firefox anschaue, bekomme ich NUR das #e4e4e4-Grau aus dem body angezeigt, sonst keine andere Grafik.
Hier mal der Quelltext:
Die dazugehörige CSS:
img-Ordner und Bezeichnungen sind auch richtig.
Kann mir bitte einer auf die Sprünge helfen!!!???
LG
Probiere schon den ganzen Abend rum, aber es klappt nicht. :nee: Eigentlich möchte ich etwas ganz simples...
- eine Hintergrundfarbe im body mit #e4e4e4,
- im oberen der Bereich der HP einen Image-Streifen der sich auf einer Gesamthöhe von 470px von links nach rechts repeatet, auch im body
- im Header eine Grafik die sich im kompletten #container befindet und sich dem Imagestreifen aus dem body anpaßt.
Dreamweaver zeigt es mir auch in der Entwurfsansicht richtig an, nämlich so:
Wenn ich mir das Ganze im Firefox anschaue, bekomme ich NUR das #e4e4e4-Grau aus dem body angezeigt, sonst keine andere Grafik.
Hier mal der Quelltext:
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>Unbenanntes Dokument</title>
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="container">
<div id="header">
</div>
<div id="main">
<div id="sidebar">
</div>
<div id="content">
</div>
</div>
<div id="footer">
</div>
</div>
</body>
</html>
Code:
@charset "UTF-8";
/* CSS Document */
* {
margin:0px;
padding:0px;
border:0px;
}
body {
background:#e4e4e4 url(img/background.jpg) repeat-x;
}
#container {
width: 960px;
margin: 0 auto;
height: 500px;
}
#header {
background-image: url(img/header.jpg);
background-repeat: no-repeat;
height: 470px;
width: 960px;
}
Kann mir bitte einer auf die Sprünge helfen!!!???
LG