Har problem med att, som det verkar, js-kod taggen rubbar hela leftColumn boxen och tar bort margin-left. Eller så lägger sig bilden av någon anledning utanför diven och kant i kant med boxen utanför.
Problemet infinner sig enbart i IE7, fungerar till och med i IE6. FF, Opera och Safari visar också korrekt.
Kod:
#content {
background:#FFFFFF;
position:relative;
}
#leftColumn {
float:left;
width:280px;
margin-left:10px;
position:relative;
}
<div id="content">
<div id="leftColumn">
<img src="image_layout/image_kvinna.jpg" alt="Bild" width="280" height="507" id="imageslide"/>
<script type="text/javascript">
//imageslide('imageslide', 'image_layout', ':image_kille.jpg:image_kvinna.jpg:image_tjej.jpg:', 0);
</script>
</div>
</div>
Vad som står i Js koden är oväsentligt då det sker samma sak även om jag inte anropar funktionen (se ovan).
Frågan är, hur kan js-taggen påverka layouten?