Decalage sous IE

Fermé
Omainf - 21 janv. 2009 à 21:45
 omainf - 22 janv. 2009 à 09:57
Bonjour,

Depuis quelques années j'administre un site construit avec SPIP et un squelette de type Photo de atypik.biz, jusque la tout va bien, si je respecte le format réduit des photos 350*262 la mise en page est bonne sous IE et firefox.

Voulant faire évoluer celui-ci malgré la rigidité de celui-ci :

- j'insère des photos au format 400*300
- insertion de l'API Geoportail

et la tout va bien sauf sous IE le cadrage n'est plus bon, voir par exemple le dernier article mis en lignes:

http://pyrenephoto.free.fr/spip.php?article205

Est-ce dans la page article.html que je doit apporter des modifications ?

Merci de votre aide, et bonne viste de pyrenephoto.free.fr pour un petit voyage dans le sud et les Pyrénées.

Olivier

1 réponse

le code de la page article.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="fr">
<head>
<title>#NOM_SITE_SPIP - <BOUCLE_article_title(ARTICLES){id_article}>#TITRE</BOUCLE_article_title>Pas d'article<//B_article_title></title>
<meta http-equiv="Content-Type" content="text/html; charset=#CHARSET">
<meta name="DC.Language" content="fr" />
<meta http-equiv="expires" content="never" />
<meta name="robots" content="index, follow" />
<meta name="author" content="Olivier Mainfroy" />
<meta name="editor" content="PHPEdit" />
<meta name="email" content="olivier.mainfroy@tele2.fr" />
<meta name="MSSmartTagsPreventParsing" content="true" />
<meta name="description" content="USR Montagne et Ski Ramonville (31)" />
<meta name="keywords" content="Olivier Mainfroy,USR Montagne et Ski,album,photo,blog,photoblog,spip,modéle,css,html,xhtml" />
<link rel="shortcut icon" type="image/ico" href="/favicon.ico" />
<link rel="accueil" title="Retour à la page d'accueil" href="/sommaire.php3" />
<link rel="contact" title="Se rendre dans la section prévue pour les questions, commentaires et suggestions" href="auteur.php3?id_auteur=1" />

<style type="text/css" media="screen">
@import url(album.css);
</style>

</head>

<body>

<div id="cadre_740_centre">

<div id="cadre_gauche"><img src="img_squelette/fond_cadre_gauche.jpg" width="110" height="340" /></div>

<div id="cadre_droite">

<div id="bandeau">
<a href="#URL_SITE_SPIP" title="Accueil du site">Accueil</a> |
<a href="plan.php3" title="Tout les articles sur une page">Plan du site</a> |
<a href="actualite.php3" title="Actualité">Actualité</a> |
<a href="resume.php3" title="Articles populaires et derniers messages de forum">Résumé</a> |
<a href="kiosque.php3" title="Le Kiosque">Kiosque</a> |
<a href="http://pyrenephoto.free.fr/spip.php?article123" title="Contacts">Contacts</a> |
<a href="http://pyrenephoto.free.fr/forum/" target="_blank" title="Forum">Forum</a> |
<a href="ecrire/" title="Accéder à l'espace réservé aux rédacteurs">Privé</a>
</div>

<div class="poursuitedessous"></div>

<div id="contenus">

<div id="articles">

<BOUCLE_nom_album(ARTICLES) {id_article}>
<h2>P H O T O S : #TITRE</h2>
<p>#DESCRIPTIF</p>
<p>#TEXTE</p>
<p><i>Catégorie <BOUCLE_rubrique(RUBRIQUES) {id_rubrique}><a href="#URL_RUBRIQUE">#TITRE</a></BOUCLE_rubrique>.</i></p>
<p class="legeritalique">Dernière mise à jour le [(#DATE_MODIF|nom_jour)] [(#DATE_MODIF|affdate)]</p>
</BOUCLE_nom_album>

<BOUCLE_documents_joints(DOCUMENTS) {id_article} {mode=document} {doublons}>
<dl class="gallerie">
<dt><a href="affiche_image.php3?id_document=#ID_DOCUMENT" onclick="window.open(this.href, 'affiche_image', 'height=[(#HAUTEUR)], width=[(#LARGEUR)], top=20, left=20, toolbar=no, menubar=no, location=no, resizable=yes, scrollbar=yes, status=no'); return false;">#LOGO_DOCUMENT</a></dt>
<dd>#TITRE</dd>
<dd>#DESCRIPTIF</dd>
<dd>Taille : #LARGEUR X #HAUTEUR | Poids : [(#TAILLE|taille_en_octets)]</dd>
<dd><p class="legeritalique">Publié le [(#DATE|nom_jour)] [(#DATE|affdate)] </i><B_auteurs_dernier>par <BOUCLE_auteurs_dernier(AUTEURS) {id_article}><a href="auteur.php3?id_auteur=[(#ID_AUTEUR)]">#NOM</a></BOUCLE_auteurs_dernier></p></dd>
</dl>
</BOUCLE_documents_joints>
<br />
<!-- Articles dans la meme rubrique -->

<B_articles_rubrique>
<h2>Dans la même rubrique...</h2>
<ul>
<BOUCLE_articles_rubrique(ARTICLES) {id_rubrique} {par date} {inverse} {0,8}>
<li>
<a href="#URL_ARTICLE" [title="(#DESCRIPTIF|textebrut|entites_html)"]>#TITRE</a>
</li>
</BOUCLE_articles_rubrique>
</ul>
</B_articles_rubrique>

#FORMULAIRE_SIGNATURE

<!-- Forums -->

[<div class="forum-repondre"><B><A HREF="forum.php3?(#PARAMETRES_FORUM)">Répondre à cet article</A></B></div>]
<br />

<B_forums>
<h1>Forum de l'article</h1>
<ul>
<BOUCLE_forums(FORUMS){id_article}{par date}{inverse}>
<li>
<div class="forum-fil">
<div class="forum">
<a name="forum#ID_FORUM"></a>
<div class="forum-chapo">
<div class="forum-titre">#TITRE</div>
[(#DATE|affdate)][, par <A HREF="mailto:#EMAIL">(#NOM)</A>]
</div>
<div class="forum-item">
#TEXTE
[<div class='forum-titre'><a href="(#URL_SITE)" class="spip_out">#NOM_SITE</a></div>]
[<div class='forum-repondre-message'><a href="forum.php3?(#PARAMETRES_FORUM)">Répondre à ce message</a></div>]
</div>
</div>

<B_forums_fils>
<ul>
<BOUCLE_forums_fils(FORUMS){id_parent}{par date}>

<li>
<div class="forum">
<a name="forum#ID_FORUM"></a>
<div class="forum-chapo">
<div class="forum-titre">#TITRE</div>
[(#DATE|affdate)][, par <A HREF="mailto:#EMAIL">(#NOM)</A>]
</div>
<div class="forum-item">
#TEXTE
[<div class='forum-titre'><a href="(#URL_SITE)" class="spip_out">#NOM_SITE</a></div>]
[<div class='forum-repondre-message'><a href="forum.php3?(#PARAMETRES_FORUM)">Répondre à ce message</a></div>]
</div>

</div>

<BOUCLE_Forums_Boucle(boucle_forums_fils)></BOUCLE_Forums_Boucle>
</li>

</BOUCLE_forums_fils>
</ul>
</B_forums_fils>

</div>
</li>
</BOUCLE_forums>

</ul>
</B_forums>

</div> <!-- /articles -->

<div id="menus_verticaux">

[(#FORMULAIRE_RECHERCHE)]

<h2>CATEGORIES</h2>
<B_categories>
<ul>
<BOUCLE_categories(RUBRIQUES) {racine} {par titre}>
<li>
<a href="#URL_RUBRIQUE" [title="(#DESCRIPTIF|textebrut|entites_html)"]>#TITRE</a>
<B_sous_categories>
<ul>
<BOUCLE_sous_categories(RUBRIQUES) {id_parent} {par titre}>
<li><a href="#URL_RUBRIQUE" [title="(#DESCRIPTIF|textebrut|entites_html)"]>#TITRE</a></li>
</BOUCLE_sous_categories>
</ul>
</B_sous_categories>
</li>
</BOUCLE_categories>
</ul>
</B_categories>

<!-- Auteurs de l'article -->

<B_auteurs>

<h2>DU MEME AUTEUR</h2>
<BOUCLE_auteurs(AUTEURS) {id_article} {par nom}>
<ul>
[<li class="menu-item" style="text-align: center"><a href="(#URL_SITE)">#NOM_SITE</a></li>]
[<li class="menu-item" style="text-align: center">(#BIO)</li>]
<B_articles_auteur>
<BOUCLE_articles_auteur(ARTICLES) {id_auteur} {par popularite} {inverse} {0,5}>
<li class="menu-item"><a href="#URL_ARTICLE" [title="(#DESCRIPTIF|textebrut|entites_html)"]>#TITRE</a></li>
</BOUCLE_articles_auteur>
</ul>
</BOUCLE_auteurs>

</B_auteurs>

<!-- Liens des forums -->

<B_forums_liens>
<h2>DERNIERE(S) DISCUSSION(S)<br />SUR CET ALBUM</h2>
<ul>
<BOUCLE_forums_liens(FORUMS){id_article}{par date}{inverse}{0,5}>
<li><a href="#forum#ID_FORUM">#TITRE</a><br /><i>Posté le [(#DATE|affdate_court)]</i></li>
</BOUCLE_forums_liens>
</ul>
</B_forums_liens>

</div> <!-- /menus_verticaux -->
</div> <!-- /contenus -->

</div> <!-- /cadre_droite -->

<div class="poursuitedessous"></div>

<div id="partiebasse">
Site réalisé avec  <a href="https://www.spip.net/fr_rubrique91.html">S P I P</a>  et  <a href="https://fr.cam.bet/">A t y p i k  [. b i z]</a>
</div>
</div> <!-- /cadre_740_centre -->

</body>
</html>
<script type="text/javascript"><!--
google_ad_client = "pub-1589538828146986";
google_ad_width = 728;
google_ad_height = 90;
google_ad_format = "728x90_as";
google_ad_channel ="";
google_color_border = "666666";
google_color_bg = "333333";
google_color_link = "FFFFFF";
google_color_url = "FF6600";
google_color_text = "FF6600";
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

<p></p>

<a href="http://www.xiti.com?xtor=AD-1----%5B341303%5D" title="WebAnalytics">
<script type="text/javascript">
<!--
Xt_param = 's=341303&p=article';
try {Xt_r = top.document.referrer;}
catch(e) {Xt_r = document.referrer; }
Xt_h = new Date();
Xt_i = '<img width="39" height="25" border="0" alt="" ';
Xt_i += 'src="https://logv145.xiti.com/hit.xiti?fh=1&%27+Xt_param;&Rdt=On
Xt_i += '&hl='+Xt_h.getHours()+'x'+Xt_h.getMinutes()+'x'+Xt_h.getSeconds();
if(parseFloat(navigator.appVersion)>=4)
{Xt_s=screen;Xt_i+='&r='+Xt_s.width+'x'+Xt_s.height+'x'+Xt_s.pixelDepth+'x'+Xt_s.colorDepth;}
document.write(Xt_i+'&ref='+Xt_r.replace(/[<>"]/g, '').replace(/&/g, '$')+'" title="Internet Audience">');
//-->
</script>
<noscript>
Mesure d'audience ROI statistique webanalytics par <img width="39" height="25" src="https://logv145.xiti.com/hit.xiti?fh=1&s=341303&p=article&Rdt=On" alt="WebAnalytics" />
</noscript></a>
0