Hallo an alle,
das ist mein erster Beitrag im Forum - ich finde zu meinem aktuellen Problem leider keine Lösung, weder hier im Forum noch sonst im Netz. Hoffe, jemand kann mir weiterhelfen:
Ich baue eine simple Bildergalerie, wobei jedes Vorschaubild in einem 100x100px div sitzt. Wenn die Bilder größer sind, wird der Rest abgeschnitten (overflow:none). Verlinkt wird dann zu einer Groß-Ansicht. Ganz simpel also.
Jedoch stellt der IE die divs nicht korrekt dar, ich sehe nur einen 1x100 px vertikalen "Streifen"
Mit Firefox und Safari funktioniert es wie gewünscht.
Kennt das jemand? Ich habe den Code mal aufs wesentliche reduziert
(Kann man sich auch hier ansehen: www.s394690806.online.de/test.html)
Bin für jede Hilfe dankbar!
das ist mein erster Beitrag im Forum - ich finde zu meinem aktuellen Problem leider keine Lösung, weder hier im Forum noch sonst im Netz. Hoffe, jemand kann mir weiterhelfen:
Ich baue eine simple Bildergalerie, wobei jedes Vorschaubild in einem 100x100px div sitzt. Wenn die Bilder größer sind, wird der Rest abgeschnitten (overflow:none). Verlinkt wird dann zu einer Groß-Ansicht. Ganz simpel also.
Jedoch stellt der IE die divs nicht korrekt dar, ich sehe nur einen 1x100 px vertikalen "Streifen"
Mit Firefox und Safari funktioniert es wie gewünscht.
Kennt das jemand? Ich habe den Code mal aufs wesentliche reduziert
(Kann man sich auch hier ansehen: www.s394690806.online.de/test.html)
Bin für jede Hilfe dankbar!
HTML:
<html>
<head>
<style>
#galerie {
width: 740px;
height: auto;}
.image {
width: 100px;
height: 100px;
margin: 10px 20px 10px 0px;
overflow: hidden;
float:left;}
</style>
</head>
<body>
<div id="galerie">
<div class="image">
<a href="bild01.jpg"><img src="bild01thumb.jpg" border="0" width="auto" height="100" /></a>
</div>
<div class="image">
<a href="bild02.jpg"><img src="bild02thumb.jpg" border="0" width="auto" height="100" /></a>
</div>
<div class="image">
<a href="bild03.jpg"><img src="bild03thumb.jpg" border="0" width="auto" height="100" /></a>
</div>
</div>
</body>
</html>