CSS width:100% funktioniert nicht

Yuri_Orlov

Cadet 3rd Year
Registriert
Juli 2008
Beiträge
41
Hallo CBler!

Ich möchte Thumbnails ohne Umbruch, nebeneinander darstellen und einen Hintergrund definieren.

Wird nun durch den Browser ein Scrollbalken erzeugt, endet mein Hintergrund am Fensterende.

guckt hier:
www.l-fx.de/cb/index.html

der graue Hintergrund wird, trotz width: 100%, nicht bis zum letzten Bild angezeigt.
Kann jemand helfen?

PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset="iso-8859-15">


<style type="text/css">

<!--

img {
margin: 13px;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-bottom: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}

.imgbg {
width: 100%;
background-color:#d0ccc3;
margin: 10px;
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-bottom: 1px solid #000000;
border-right: 1px solid #000000;
}


-->

</style>

</head>

<body bgcolor="#777777">

<div class="imgbg">
<nobr>

<img src="1.jpeg">
<img src="1.jpeg">
<img src="1.jpeg">
<img src="1.jpeg">
<img src="1.jpeg">
<img src="1.jpeg">
<img src="1.jpeg">
<img src="1.jpeg">
<img src="1.jpeg">
<img src="1.jpeg">
<img src="1.jpeg">
<img src="1.jpeg">
<img src="1.jpeg">
<img src="1.jpeg">
<img src="1.jpeg">
<img src="1.jpeg">
<img src="1.jpeg">
<img src="1.jpeg">
<img src="1.jpeg">
<img src="1.jpeg">
<img src="1.jpeg">
<img src="1.jpeg">
<img src="1.jpeg">
<img src="1.jpeg">
<img src="1.jpeg">
<img src="1.jpeg">
<img src="1.jpeg">
<img src="1.jpeg">

</nobr>
</div>
</body>
</html>
 
Hallo das liegt daran das du keinen Container um die Bilder gelegt hast! so wied kein ende definiert!

mache es vielleicht einfach mal so

PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset="iso-8859-15">


<style type="text/css">

<!--


wrapper{
with: 100%;
margin: 0;
padding 0;
}

img {
margin: 13px;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-bottom: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}

.imgbg {
width: 100%;
background-color:#d0ccc3;
margin: 10px;
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-bottom: 1px solid #000000;
border-right: 1px solid #000000;
}


-->

</style>

</head>

<body bgcolor="#777777">

<div #id="wrapper">
<div class="imgbg">
<nobr>

<img src="1.jpeg">
<img src="1.jpeg">
<img src="1.jpeg">
<img src="1.jpeg">
<img src="1.jpeg">
<img src="1.jpeg">
<img src="1.jpeg">
<img src="1.jpeg">
<img src="1.jpeg">
<img src="1.jpeg">
<img src="1.jpeg">
<img src="1.jpeg">
<img src="1.jpeg">
<img src="1.jpeg">
<img src="1.jpeg">
<img src="1.jpeg">
<img src="1.jpeg">
<img src="1.jpeg">
<img src="1.jpeg">
<img src="1.jpeg">
<img src="1.jpeg">
<img src="1.jpeg">
<img src="1.jpeg">
<img src="1.jpeg">
<img src="1.jpeg">
<img src="1.jpeg">
<img src="1.jpeg">
<img src="1.jpeg">

</nobr>
</div>
</div>
</body>
</html>
 
width:100% bedeutet in diesem Fall des Hintergrunds nur 100% des Bildschirms und nicht der Seite an sich. Lass das width in der class imgbg einfach weg und der Hintergrund sollte komplett benutzt werden.

Greetz, DM.
 
Danke für die Antworten!
Leider brachte weder der wrapper, noch das entfernen des "width"-Attributs was.

So läuft es jetzt: (float)

PHP:
.imgbg {
float: left; 
background-color:#d0ccc3;
margin: 10px;
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-bottom: 1px solid #000000;
border-right: 1px solid #000000;
}
 
Zurück
Oben