Hallo zusammen,
ich habe ein div mit paar Bildern drin. Die Bilder sollten immer einen margin-left haben, so dass sie einen kleinen Abstand haben. Dies mache ich indem ich den margin für alle Bilder ausser dem Ersten setze:
<div class="picture-list-horizontal">
<img src="bild1.jpg"/>
<img src="bild2.jpg"/>
<img src="bild3.jpg">
</div>
// div eigenschaften
.picture-list-horizontal{
margin-top:5px;
margin-bottom:5px;
width:100%;
}
// für alle bilder innerhalb des divs den border setzten
.picture-list-horizontal>img{
border-width:1px;
border-style:solid;
border-color:#ababab;
}
// für alle bilder ausser dem ersten den margin setzten
.picture-list-horizontal>img:not(:first-child){
margin-left:15px;
}
dies funktioniert wunderbar in allen Browsern ausser dem lieben IE.
Wie krieg ich das im IE6/7/8 zum laufen? Hab schon gegoogelt und auch ein paar Topics hier im Forum gefunden aber habs damit nicht hinbekommen:
http://forum.de.selfhtml.org/archiv/2009/4/t186070/#m1235558
Ideen?
Danke und Gruss,
Remo