Moin moin liebe Gemeinde,
ich bastel gerade an einer Gallery, die ich dynamisch mit Bildern im Hoch und Querformat befülle. Wenn ich nun eine Höhe von 100% festlege, (HTML) wird das Bild in der Höhe angepasst. In der Breite ja nicht, und da ist mein Problem. Bilder im Hochformat werden so richtig angezeigt, da sie ja höher sind als breit.
Bei Bildern im Querformat allerdings, kommt es vor, dass diese nicht das Maß des DIV´s (Breite) haben, sondern größer sind. Somit ragen sie aus dem DIV hinaus.
Ich hoffe ihr versteht mich....
Anbei mein Code:
Css:
Und das ist das, was dabei rauskommt:
Vielen Dank!
ich bastel gerade an einer Gallery, die ich dynamisch mit Bildern im Hoch und Querformat befülle. Wenn ich nun eine Höhe von 100% festlege, (HTML) wird das Bild in der Höhe angepasst. In der Breite ja nicht, und da ist mein Problem. Bilder im Hochformat werden so richtig angezeigt, da sie ja höher sind als breit.
Bei Bildern im Querformat allerdings, kommt es vor, dass diese nicht das Maß des DIV´s (Breite) haben, sondern größer sind. Somit ragen sie aus dem DIV hinaus.
Ich hoffe ihr versteht mich....
Anbei mein Code:
PHP:
<ul class="bilderliste">
<?php
for($a = 0; $a < $zahlbilder; $a++)
{
echo '<li><img height="100%" src=../pixcam/gallery/images/tiere/', $a, '.jpg></li>';
}
?>
</ul>
Css:
Code:
.bilderliste {
list-style-type: none;
margin: 0;
padding: 0;
width: 880px;
}
.bilderliste li {
float: left;
border: 1px solid #ff9900;
width: 220px;
height: 150px;
margin: 3px;
padding: 3px;
}
Und das ist das, was dabei rauskommt:
Vielen Dank!