différence margin entre IE et FF
Bonjour,
je cherche à résoudre un problème de margin top, margin left entre IE et FF.
j'ai positionné un slide show en js sous FF et celui ci se retrouve à une autre position sous IE (plus bas et plus a droite).
comment faire pour faire coincider la même position sous les 2 navigateurs ?
merci
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100
| html>
<head>
<title>blog</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
.slideshow { height: 232px; width: 232px; margin: auto }
.slideshow img { margin-top: 195px; margin-left: 250px; padding: 15px; border: 1px solid #ccc; background-color: #eee; }
</style>
<!-- include jQuery library -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<!-- include Cycle plugin -->
<script type="text/javascript" src="jquery.cycle.all.js"></script>
<!-- initialize the slideshow when the DOM is ready -->
<script type="text/javascript">
$(document).ready(function() {
$('.slideshow').cycle({
fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
});
});
</script>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (blog.psd) -->
<table id="Tableau_01" width="1001" height="800" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="5">
<img src="images/blog_01.gif" width="1000" height="194" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="194" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/blog_02.gif" width="247" height="79" alt=""></td>
<td class="slideshow" rowspan="6">
<img src="galerie/img003.jpg" width="655" height="420" >
<img src="galerie/img009.jpg" width="655" height="420" >
<img src="galerie/img010.jpg" width="655" height="420" >
<img src="galerie/img013.jpg" width="655" height="420" >
<img src="galerie/img019.jpg" width="655" height="420" >
</td>
<td rowspan="7">
<img src="images/blog_04.gif" width="62" height="606" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="79" alt=""></td>
</tr>
<tr>
<td rowspan="6">
<img src="images/blog_05.gif" width="42" height="527" alt=""></td>
<td>
<a href="index.html" target="_self">
<img src="images/accueil.gif" width="109" height="29" border="0" alt=""></a></td>
<td rowspan="6">
<img src="images/blog_07.gif" width="96" height="527" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="29" alt=""></td>
</tr>
<tr>
<td>
<a href="infos.html" target="_self">
<img src="images/infos.gif" width="109" height="29" border="0" alt=""></a></td>
<td>
<img src="images/spacer.gif" width="1" height="29" alt=""></td>
</tr>
<tr>
<td>
<a href="galerie.html" target="_self">
<img src="images/galerie.gif" width="109" height="28" border="0" alt=""></a></td>
<td>
<img src="images/spacer.gif" width="1" height="28" alt=""></td>
</tr>
<tr>
<td>
<a href="contact.html" target="_self">
<img src="images/contact.gif" width="109" height="29" border="0" alt=""></a></td>
<td>
<img src="images/spacer.gif" width="1" height="29" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/blog_11.gif" width="109" height="412" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="259" alt=""></td>
</tr>
<tr>
<td>
<img src="images/blog_12.gif" width="691" height="153" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="153" alt=""></td>
</tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html> |