Bonjour,
je cherche une piste pour corriger la différence d'affichage sur ce site.
http://argol.nuxit.net/f/index.php?sp=coll&collection_id=8
J'attribue à la frise du bas (les livres) qui est dans le contenu central la feuille de style suivante : #bas
{float : left;
margin-left : -360px}
Dans Firefox tout s'affiche bien dans IE le début de la frise qui se place hors contenu central puisqu'elle a une marge négative ne s'affiche pas.

Merci beaucoup.

Philippe
Modifié par phil1968 (20 Mar 2007 - 10:37)
bonjour,

Donne lui une marge à 0 juste pour ie.
en utilisant les commentaires conditionnels.

arnaud
en faite je n'utilise les commentaires conditionnels que pour faire des liens vers une page css alternatives.
je trouve ça un peu ambigue de mettre le style directement à l'interieur. je pense que ton souci viens de là.
arnaud
le style est dans un fichier externe.
Mais, c'est un peu particulier car il est stocké en dans la Mysql.
Je vais voir comment je peux faire.

merci beaucoup.
Salut,
art_no a écrit :
je trouve ça un peu ambigue de mettre le style directement à l'interieur. je pense que ton souci viens de là.
Pas du tout, ça marche très bien.

Par ailleurs, je n'ai pas le temps de regarder le problème de phil1968, mais peut-être faudrait-il voir s'il n'y a pas mieux que de sauter directement sur les commentaires conditionnels ?
Salut,


<!--[if IE]>
<style>
#bas{float : left;
margin-left : 0px}
</style>
<! endif -->


Ca devrait le faire
Modérateur
Bonjour phil1968,

Ta page html est invalide... Si tu commences ta mise en page sans te soucier de ce paramètre, tu ne peux de toute façon pas garantir une mise en page similaire quelquesoit le navigateur... Ca va t'obliger à multiplier les contournements et si par hasard, tu viens à améliorer ton code html, il faudra de nouveau modifier le css. En bref, tu pars dans une impasse...

Par ailleurs, les tableaux n'ont normalement pas lieu de faire de la mise en page... Ce ne sont pas des données tabulaires que tu as ; un balisage adapté serait de mise.

En gros, si tu veux être sûr de ton coup... Arrête la mise en page pour le moment, améliore la sémantique, valide ton document puis reprend la mise en page... Tu éviteras ainsi de nombreux soucis...

Pour plus d'infos, reporte-toi aux différents tuto' en commençant par ici : http://css.alsacreations.com/Comment-debuter-et-trouver-l-information
Je sais qu'il y aurait des choses à revoir mais il n'y aucun tableau dans ma mise en page. Tout est en div...
ah oui ! dans le bas de page un petit tableau, c'est vrai. Mais, je peux le supprimer... Il ne "joue" pas pour la mise en page...
Modérateur
regarde un peu plus haut... tu en as un autre qui ne sert à rien... Smiley lol
et si, tu fais bien de la mise en page avec...
<table width="100%" border="0" cellspacing="0" cellpadding="0">
...
Il te faut aussi rajouter un doctype, supprimer des attributs obsolètes du type align, etc... etc...
Modifié par koala64 (20 Mar 2007 - 10:05)
Non, il n'y a que le tableau du footer :


<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>

Argol éditions
</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<link href="http://argol.nuxit.net/style/editor0.php?editeur_id=30" rel="stylesheet" type="text/css">

<script language="JavaScript" src="http://argol.nuxit.net/script/editor_script.js" type="text/JavaScript">

</script>

</head>

<!--  Corps de la page   -->

<body id="body">

<!-- Alignement global de  la page  -->

<div id="container">



	<div id="header"><div align="left">
			<img src="http://argol.nuxit.net/images/30/haut.jpg">
	</div>
</div>

	
	<div id="menu">
	  
<img src="../images/bouton.jpg" hspace="2" align="baseline" /><a href="index.php">Accueil</a>




<img src="../images/bouton.jpg" hspace="2" align="baseline" /><a href="index.php?sp=page&c=6">Présentation</a>


<img src="../images/bouton.jpg" hspace="2" align="baseline" /><a href="index.php?sp=page&c=8">Archives</a>


<img src="../images/bouton.jpg" hspace="2" align="baseline" /><a href="index.php?sp=page&c=9">Liens</a>


<img src="../images/bouton.jpg" hspace="2" align="baseline" /><a href="index.php?sp=page&c=7">Agenda</a>


<img src="../images/bouton.jpg" hspace="2" align="baseline" /><a href="index.php?sp=page&c=10">Dédicace - tirages limités</a>



<img src="../images/bouton.jpg" hspace="2" align="baseline" /><a href="index.php?sp=ct">Contact</a>

<br>
<br>

	</div>
	
	<div id="menu2">
	  <p> <img src="../images/bouton.jpg" hspace="2" align="baseline" /><a href="index.php?sp=indexAut">Auteurs</a>
	        <img src="../images/bouton.jpg" hspace="2" align="baseline" /><a href="index.php?sp=par">En préparation</a>	  <img src="../images/bouton.jpg" hspace="2" align="baseline" /><a href="catalogue.pdf">Catalogue à télécharger</a></p>

	</div>
	 

	<div id="paypal">

	</div>

	<div id="collections"><p><img src="../images/img_coll.jpg" width="140" height="37" /></p>
</p>
	<p>&nbsp;</p>
	<p>
	  	  <a href="index.php?sp=coll&collection_id=1">« Écrire »                  </a>
      	  <a href="index.php?sp=coll&collection_id=2">« Entre-deux »                  </a>
      	  <a href="index.php?sp=coll&collection_id=3">« Les Singuliers »                  </a>
      	  <a href="index.php?sp=coll&collection_id=4">« La Chambre d’écriture »                  </a>
      	  <a href="index.php?sp=coll&collection_id=5">« Locus Solus »                  </a>
      	  <a href="index.php?sp=coll&collection_id=7">« Ligne de mire »                  </a>
      	  <a href="index.php?sp=coll&collection_id=6">« Correspondances »                  </a>
      	  <a href="index.php?sp=coll&collection_id=8">« L'Estran »                  </a>
      	  <a href="index.php?sp=coll&collection_id=9">Hors collection                  </a>
                  
</p>
</div>

	 

	<div id="rech"><form name="rech" method="get" action="index.php?sp=result">Rechercher : 
<input class="chTxt" name="q" type="text" id="q">
<input class="btnSub" type="submit" name="Submit" value="OK">
  <input type="hidden" name="sp" value="result"></form></div>

	
	<div id="page">

		
<div id="titrePage1">Argol &eacute;ditions </div>

<div id="textPage">

	

<div style="clear:both;"><p>&nbsp;</p>
<p>Bienvenue sur le site des éditions Argol.</p><p>Vous trouverez dans ces pages toutes les informations concernant la maison d'éditions Argol : la présentation de son projet éditorial, les livres, les auteurs, l'actualité, les ouvrages en cours et le catalogue.&nbsp; </p>
<p><span style="font-style: italic;">Les auteurs et leur éditrice ne
peuvent penser un livre comme un objet, mais plutôt comme une «
histoire » vécue et partagée.</span><span style="font-style: italic;"></span><br>Bientôt seront présents sur le site&nbsp; la vie de nos livres, des vidéos de lectures et des archives (photos, films, documents), et des reportages de la conception à&nbsp; la réalisation. <br></p>
<p><span style="font-style: italic;">Le premier chapitre de chaque livre pourra être lu en ligne.</span> Pour que les livres puissent toucher les lecteurs curieux et des promeneurs du web,&nbsp;<span style="font-style: italic;"></span></p>
<p><span style="font-style: italic;">Parce que le site doit être un lieu habité par les auteurs d'Argol eux-mêmes, </span>ils viendront s’exprimer à propos de leurs lectures, des livres de leur bibliothèque ou de l’actualité. Il ne s’agira pas d’un « blog », mais d'une sorte de carnet de bord, correspondances ou vidéos,&nbsp; recueillant ce qui, au quotidien, accompagne l’écriture.</p><p><span style="font-style: italic;">Argol proposera des liens vers d’autres sites </span>: actualité des
auteurs, éditeurs, revues, librairies, organismes, musées, etc. Nous pensons qu’aujourd’hui, mettre en commun découvertes, passions et engagements littéraires, c’est faire en sorte que vivent la littérature et la poésie.<br></p><p>Catherine Flohic<br></p></div>
</div>





<div align="center">

</div>

<div id="bas">
<div align="left">
	<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>
      <p><br /><br><br><br><br>
    </p>
      <p align="left"><br />
        
        
        <br />
        <img src="../images/frise.jpg" width="570" height="90"  />   </td>
  </tr>
</table></div>
</div>

	</div>

	

<!--  Fin alignement global de  la page  # -->


</div>

</body>

</html>
Modérateur
Ah ! sans doute ne parlons-nous pas de la même page... Smiley cligne

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>

Argol éditions
</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<link href="http://argol.nuxit.net/style/editor0.php?editeur_id=30" rel="stylesheet" type="text/css">

<script language="JavaScript" src="http://argol.nuxit.net/script/editor_script.js" type="text/JavaScript">

</script>

</head>

<!--  Corps de la page   -->

<body id="body">

<!-- Alignement global de  la page  -->

<div id="container">



	<div id="header"><div align="left">
			<img src="http://argol.nuxit.net/images/30/haut.jpg">
	</div>
</div>

	
	<div id="menu">
	  
<img src="../images/bouton.jpg" hspace="2" align="baseline" /><a href="index.php">Accueil</a>




<img src="../images/bouton.jpg" hspace="2" align="baseline" /><a href="index.php?sp=page&c=6">Présentation</a>


<img src="../images/bouton.jpg" hspace="2" align="baseline" /><a href="index.php?sp=page&c=8">Archives</a>

<img src="../images/bouton.jpg" hspace="2" align="baseline" /><a href="index.php?sp=page&c=9">Liens</a>


<img src="../images/bouton.jpg" hspace="2" align="baseline" /><a href="index.php?sp=page&c=7">Agenda</a>


<img src="../images/bouton.jpg" hspace="2" align="baseline" /><a href="index.php?sp=page&c=10">Dédicace - tirages limités</a>



<img src="../images/bouton.jpg" hspace="2" align="baseline" /><a href="index.php?sp=ct">Contact</a>

<br>
<br>

	</div>
	
	<div id="menu2">
	  <p> <img src="../images/bouton.jpg" hspace="2" align="baseline" /><a href="index.php?sp=indexAut">Auteurs</a>
	        <img src="../images/bouton.jpg" hspace="2" align="baseline" /><a href="index.php?sp=par">En préparation</a>	  <img src="../images/bouton.jpg" hspace="2" align="baseline" /><a href="catalogue.pdf">Catalogue à télécharger</a></p>

	</div>
	 

	<div id="paypal">

	</div>

	<div id="collections"><p><img src="../images/img_coll.jpg" width="140" height="37" /></p>
</p>
	<p> </p>
	<p>
	  	  <a href="index.php?sp=coll&collection_id=1">« Écrire »                  </a>

      	  <a href="index.php?sp=coll&collection_id=2">« Entre-deux »                  </a>
      	  <a href="index.php?sp=coll&collection_id=3">« Les Singuliers »                  </a>
      	  <a href="index.php?sp=coll&collection_id=4">« La Chambre d’écriture »                  </a>
      	  <a href="index.php?sp=coll&collection_id=5">« Locus Solus »                  </a>
      	  <a href="index.php?sp=coll&collection_id=7">« Ligne de mire »                  </a>
      	  <a href="index.php?sp=coll&collection_id=6">« Correspondances »                  </a>

      	  <a href="index.php?sp=coll&collection_id=8">« L'Estran »                  </a>
      	  <a href="index.php?sp=coll&collection_id=9">Hors collection                  </a>
                  
</p>
</div>

	 

	<div id="rech"><form name="rech" method="get" action="index.php?sp=result">Rechercher : 
<input class="chTxt" name="q" type="text" id="q">
<input class="btnSub" type="submit" name="Submit" value="OK">
  <input type="hidden" name="sp" value="result"></form></div>

	
	<div id="page">

		
<div id="titreColl">

	« L'Estran »
</div>
<br />
<i>Poésies  contemporaines.</i>

<br><br><br>

<!-- ------------------------------------------------------------------------------------------- -->

<table width="100%" border="0" cellspacing="0" cellpadding="0">

	

<tr>
	  <td width="50%">

		<table width="95%" height="95"  border="0" cellpadding="4" cellspacing="0">

		  <tr>

			<td width="66" valign="top">

			
						<a href="index.php?sp=liv&livre_id=23">

							<img src="../images/30/vv_book_23.jpg" alt="Les Commourants"  border="0"></a>

						&nbsp;</td>

			 <td valign="top" class="texte" style="text-align:left; ">		 Jude Stéfan <br /><br />


			  <a href="index.php?sp=liv&livre_id=23"><strong>Les Commourants</strong></a><br>

			  
			  
			                
          
			  <br>

		    </td>

		  </tr>

		</table>

	</td>

	

</table>

	    <p>

	    
        
        <!-- ------------------------------------------------------------------------------------------- -->





        



<div id="bas">
<div align="left">
	<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>

    <td>
      <p><br /><br><br><br><br>
    </p>
      <p align="left"><br />
        
        
        <br />
        <img src="../images/frise.jpg" width="570" height="90"  />   </td>
  </tr>
</table></div>
</div>

	</div>

	

<!--  Fin alignement global de  la page  # -->


</div>

</body>

</html>