Swiss-Hans: verschachtelte div's

Hallo

Beim Hover eines Thumbnails soll sich das Bild aufhellen - dafür habe ich div.bild mit weissem Hintergrund. Nun habe ich Probleme, ein hochformatiges (schmaleres) Bild einzumitten, so dass der Hintergrund SCHWARZ ist.

  
#wrapper { width:950px; margin: auto auto; background-color:#000000; }  
div.album { margin-left:30px; }  
div.bildbox { width:160px; height:120px; float:left; margin:5px; }  
div.bild { background: #fff; border: 0px; float: left; }  

  
<body>  
<div id="wrapper">  
// Bild-Item  
<div class="bildbox">  
<div class="bild"><a rel="shadowbox[Album1]" href="ev12bordeau_interieur_std.jpg" title=""><img src="ev12bordeau_interieur_thm.jpg" alt=""></a>  
</div>  
</div>  
// Wiederholung der Items  
</div>  

Ich bitte um Hilfe - danke.

  1. Hallo!

    div.bildbox { width:160px; height:120px; float:left; margin:5px; }

    Ich weiß zwar nicht, ob das die Antwort ist, die du erwartest, aber:

    Wenn deine Bilder nicht alle dieselbe Breite haben, aber nebeneinander gestapelt werden sollen, dann vergib auch keine feste Breite.

    Wenn du auf der festen Breite besteht und links und rechts neben dem Hochkant-Bild Platz haben willst, dann kannst du z.B. <http://de.selfhtml.org/css/eigenschaften/ausrichtung.htm#text_align@title=text-align: center> verwenden.

    Grüße
    Mathias