Citat:
Originally posted by HMH@Nov 20 2008, 10:32
Finns det någon anledning till att du kör position:relative? Funkar det som du tänkt om du tar bort det?
|
Tar jag bort det så försvinner bilder i IE6 och det förändrar inget för IE7, bilden ligger fortfarande kant i kant, alltså utan 10px marginal till vänster.
Annars finns det ingen direkt anledning för att köra relative.
Men som sagt, märkliga är att tar jag bort:
Kod:
<script type="text/javascript">
* //imageslide('imageslide', 'image_layout', ':image_kille.jpg:image_kvinna.jpg:image_tjej.jpg:', 0);
* * * * * </script>
Så fungerar det, även i IE7.
Även om jag skalar bort ALLT annat på sidan så att hela källkoden ser ut såhär;
Kod:
body {
background:#FFFFFF url(../../image_layout/layout_bg_1650.jpg) no-repeat 50% top;
width:auto;
height:100%;
position:relative;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}
#site {
width:840px;
margin:0 auto;
margin-top:20px;
position:relative;
}
#top {
background:url(../../image_layout/layout_png24_topbot.png) 0 0;
height:13px;
}
#bot {
background:url(../../image_layout/layout_png24_topbot.png) 0 -13px;
height:13px;
}
#content {
background:#FFFFFF;
position:relative;
}
#leftColumn {
float:left;
width:280px;
margin-left:10px;
position:relative;
}
<body>
<div id="site">
<div id="top"></div>
* *<div id="content">
* * *<div id="leftColumn">
* * * * *<div>
* * * * *<img src="image_layout/image_kvinna.jpg" alt="Bild" width="280" height="507" id="imageslide"/> * * * * * *</div>
* * * * *<script type="text/javascript">
* //imageslide('imageslide', 'image_layout', ':image_kille.jpg:image_kvinna.jpg:image_tjej.jpg:', 0);
* * * * * </script>
* * *</div>
* *<div id="bot"></div>
</div>
</body>
</html>
Så sker samma sak i IE7.
(css ligger självklart i en egen css fil)