28172 sujets

CSS et mise en forme, CSS3

Probleme centrage logo IE et firefox.

Bonjour, depuis quelques années, j'ai l'habitude de faire, enfin de modifier moi même des templates que j'achète sur templatemonster.
Évidemment, je ne suis pas webmaster et je ne fais cela que pour moi.
Voilà mon problème et il me gonfle...
J'ai donc ce petit site www.novimp.com et le logo(nom de mon entreprise) est bien positionné sous Firefox, mais vient se centrer sous IE, alors que la balise le donne bien aligné à gauche.
Pouvez vous m'aider ?
Merci
Ci dessous le code de la page 10 pour exemple :


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="layout.css" rel="stylesheet" type="text/css" />
</head>

<body  id="page3">
<div class="tail-top">
  	<div class="tail-bottom">
    	<div class="main">
          	<div id="header">
       	  		<div class="menu">
                	<ul>
                        <li><span><a href="index.html">produits</a></span></li>
                        <li><span><a href="index-10.html" class="current">la societe</a></span></li>
                        <li><a href="index-11.html">contacts</a></li>
                    </ul>
                    <br class="clear" />
                    <ul class="ul">
                        <li><a href="index.html">tracteurs</a></li>
                        <li><a href="index-2.html">chenilles</a></li>
                        <li><a href="index-4.html">balayeuses</a></li>
                        <li><a href="index-6.html">aspirateurs</a></li>
                        <li class="last"><a href="index-8.html">autres</a></li>
                    </ul>
                </div>
                <a href="index.html"><img src="images/nom.jpg" alt="" width="279" height="76" align="left" class="logo" /></a><br />
      		</div>
      		<div id="content">		
                <div class="bg">
                    <div class="indent-main1">
                        <div class="container">
                            <div class="col-1">
                            	<img alt="" src="images/10page_title1.gif" class="title" /><br />
                                <p>La société Novimp est spécialisée dans l'import et la distribution directe, nous priviligeons des tarifs bas et la qualité.</p>
                                <p>Les usines avec lesquelles nous travaillons sont modernes et récentes.</p>
                                <p>De plus, les produits importés sont tous aux normes Européennes CE.</p>
                            </div>
                            <div class="col-2">
                                <img alt="" src="images/10page_title2.gif" class="title" /><br />
                                <p class="p">N'hésitez pas à nous contacter pour des commandes particulières.</p>
                                <p class="p">&nbsp;</p>
                                <div class="container">
                               	  <div class="col-3">
                                    	<h3><span class="p"> nous saurons vous offrir le meilleur rapport qualité prix, pour des quantités suffisantes.</span></h3>
                               	  </div>
                                	<div class="col-4">
                               	    <h3>&nbsp;</h3>
                               	    <p>&nbsp;</p>
                               	    <p>&nbsp;</p>
                               	    <p>&nbsp;</p>
                                	</div>
                              </div>
                          </div>
                        </div>
                    </div>
                </div>
            </div>	 
      		<div id="footer">
              	<div class="indent-footer">Novimp &nbsp;&copy; 2009 &nbsp; | &nbsp; <a href="index-12.html">Conditions générales de vente</a></div>
			</div>
         </div>
     </div>
</div>

</body>
</html>
[code]
Modifié par enme (12 May 2009 - 08:12)
Hello enme et bienvenue parmi nous Smiley smile ,

en tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

upload/1-code.gif

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que l'Aide (dont le lien est fourni lors de l'inscription) contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.

Bonne continuation Smiley smile
Sujet clos
Aller à