Les Allergies
Alimentaires
Posez votre question Signaler

Decalage sous IE

Omainf - Dernière réponse le 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
Lire la suite 

Decalage sous IE »

1 réponses
Réponse
+0
moins plus
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="http://www.spip.net">S P I P</a>  et  <a href="http://www.atypik.biz">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/xiti.asp?s=341303" 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="http://logv145.xiti.com/hit.xiti?'+Xt_param;
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="http://logv145.xiti.com/hit.xiti?s=341303&p=article" alt="WebAnalytics" />
</noscript></a>
Ajouter un commentaire
Ce document intitulé « Decalage sous IE » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?