hallo leute,
ich bin mal wieder am wahnsinnig werden :evil: ich habe eine horizontale galerie mit scrollbalken... hier der code
in allen browsern wird diese angezeit... bis auf ie :? da sind, außer bei bild 8 nur graue kästchen zu sehen.
was habe ich übersehen bzw. falsch gemacht?
schonmal danke!
kerco
ich bin mal wieder am wahnsinnig werden :evil: ich habe eine horizontale galerie mit scrollbalken... hier der code
#gallerie {
width:540px;
margin:0 auto 20px auto;
}
#container_gal {
margin:0;
padding:0;
height:255px;
overflow:auto;
}
#container_gal ul {
margin:0;
padding:0;
list-style:none;
white-space:nowrap;
display:table-row;
}
#container_gal ul li {
display:table-cell;
padding-right: 15px;
vertical-align:top;
}
#container_gal ul li img {
margin: 10px 0 10px 0;
}
#container_gal img {
width:300px;
height:192px;
background-color:#999999;
border: 1px solid #006ab2;
}
----------------------------------
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Referenzen</title>
<!--[if lte IE 7]>
<style>
#container {
width:540px;
scrollbar-arrow-color: #eee;
scrollbar-3dlight-color: #888;
scrollbar-highlight-color: #eee;
scrollbar-face-color: #888;
scrollbar-shadow-color: #eee;
scrollbar-darkshadow-color: #888;
scrollbar-track-color: #fef1c4;
}
#container ul li {display:inline; zoom:1; height:230px;}
* html #container {height:255px; he\ight:255px;}
</style>
<![endif]-->
</head>
<body>
<!-- horizontale Gallerie -->
<div id="gallerie">
<div id="container_gal">
<ul>
<li><img src="gallerie/images/referenzen/01.jpg" alt="Haus Anna" title="" /><br>#1 Haus "Anna", ca. 93 m² Wohnfläche</p></li>
<li><img src="gallerie/images/referenzen/02.jpg" alt="Haus Dunja" title="" /><br>#2 Haus "Dunja", ca. 132 m² Wohnfläche</p></li>
<li><img src="gallerie/images/referenzen/03.jpg" alt="Haus Dagmar" title="" /><br>#3 Haus "Dagmar", ca. 111 m² Wohnfläche</p></li>
<li><img src="gallerie/images/referenzen/04.jpg" alt="Haus Diana" title="" /><br>#4 Haus "Diana", ca. 98 m² Wohnfläche</p></li>
<li><img src="gallerie/images/referenzen/05.jpg" alt="Haus Annett" title="" /><br>#5 Haus "Annett", ca. 115 m² Wohnfläche</p></li>
<li><img src="gallerie/images/referenzen/06.jpg" alt="Haus 6" title="" /><br>#6 </p></li>
<li><img src="gallerie/images/referenzen/07.jpg" alt="Haus Dana" title="" /><br>#7 Haus "Dana", ca. 97 m² Wohnfläche</p></li>
<li><img src="gallerie/images/referenzen/08.jpg" alt="Haus Doreen" title="" /><br>#8 Haus "Doreen", ca. 107 m² Wohnfläche</p></li>
<li><img src="gallerie/images/referenzen/09.jpg" alt="Haus Doris" title="" /><br>#9 Haus "Doris", ca. 84 m² Wohnfläche</p></li>
</ul>
</div>
</div>
</body>
</html>
in allen browsern wird diese angezeit... bis auf ie :? da sind, außer bei bild 8 nur graue kästchen zu sehen.
was habe ich übersehen bzw. falsch gemacht?
schonmal danke!
kerco