soulxheart
Mitglied
Guten Tag
Ich spiele momentan ein wenig rum und bin etwas verwirrt.
Und zwar möchte ich div für div untereinander platzieren. Jedes div hat ein anderes Hintergrundbild.
Mein Problem ist, dass die Hintergrundbilder zwar angezeigt werden, aber nicht wirklich korrekt. Der Text innerhalb des divs wird gar nicht und wenn, dann irgendwie unterhalb des divs angezeigt.
Das ist der bisherige Code:
[css]
* {
margin:0px;
padding:0px;
}
body {
background-color:rgb(255,255,255);
font-family:"Lucida Sans Unicode","Lucida Grande",Trebuchet MS,Tahoma,Arial,sans-serif;
}
div#content {
width:100%;
border:5px solid red;
}
div#container_one {
width:100%;
background:url(bg_mountain.jpg) no-repeat;
background-color:rgb(255,255,255);
boder:5px solid red;
padding:20px;
}
div#container_one {
width:100%;
background:url(bg_sunset.jpg) no-repeat;
background-color:rgb(255,255,255);
boder:5px solid red;
padding:20px;
}
[/css]
Das kann doch nicht so schwer sein, oder? Wahrscheinlich ist es mal wieder etwas völlig simples...
Grüsse
Ich spiele momentan ein wenig rum und bin etwas verwirrt.
Und zwar möchte ich div für div untereinander platzieren. Jedes div hat ein anderes Hintergrundbild.
Mein Problem ist, dass die Hintergrundbilder zwar angezeigt werden, aber nicht wirklich korrekt. Der Text innerhalb des divs wird gar nicht und wenn, dann irgendwie unterhalb des divs angezeigt.
Das ist der bisherige Code:
HTML:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="main.css" />
<meta charset="utf-8">
</head>
<body>
<div id="content">
<div id="container_one">
<h1>Test-Überschrift</h1>
<p>Testabsatz.</p>
</div>
<div id="container_two">
<h1>Test-Überschrift</h1>
<p>Testabsatz</p>
</div>
</div>
</body>
</html>
[css]
* {
margin:0px;
padding:0px;
}
body {
background-color:rgb(255,255,255);
font-family:"Lucida Sans Unicode","Lucida Grande",Trebuchet MS,Tahoma,Arial,sans-serif;
}
div#content {
width:100%;
border:5px solid red;
}
div#container_one {
width:100%;
background:url(bg_mountain.jpg) no-repeat;
background-color:rgb(255,255,255);
boder:5px solid red;
padding:20px;
}
div#container_one {
width:100%;
background:url(bg_sunset.jpg) no-repeat;
background-color:rgb(255,255,255);
boder:5px solid red;
padding:20px;
}
[/css]
Das kann doch nicht so schwer sein, oder? Wahrscheinlich ist es mal wieder etwas völlig simples...
Grüsse