28221 sujets

CSS et mise en forme, CSS3

[Resolu]Problèmes affichage sous IE win

Bonjour à tous,
je lis depuis un certain temps les posts de ce forum (génial en plus) et j'en apprends tous les jours grâce à vous tous, donc tout d'abord un grand merci.

Je viens de me mettre au css. Et là je suis confronté à un problème qui me dépasse quelque peu.

J'ai regardé dans les posts et les docs mais je m'embrouille quelques peu.
voici:
Je réalise un site pour un ami facteur de pianos.

Ma page est composée d'entètes, d'un contenu left (avec un menu en forme de clavier) d'un contenu droit.
Alors voilà. Tout marche bien sur tous les navigateurs.
SAUF IE 6 windows, et je ne sais pas pour IE 5 windows.
Le problème: le contenu droit passe sous le contenu gauche et ma page explose.
Tester sous nescape ou safari puis regardé sur IE 6 windows, vous comprendrez.

Je pense à un problème de doctypes, mais lequel choisir, ou un problème de standard de boites.
D'abord le code html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Pianos Atelier de l'Uz&egrave;ge</title>
<link href="css/piano.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="conteneur">
  <div id="titre">  </div>
  <div id="titre2">  </div>
  <div class="separation"></div>
  <div id="contenu">
    <div id="contenu_left">
      <ul id="menu">
        <li>rubrique</li>
        <li>rubrique</li>
      </ul>
           <p><img </p>
      <p>contact</p>
           <p>conception </p>
    </div>
   
 <div id="contenu_rigth">
      <h1> Accueil </h1>
      <p>&nbsp;</p>
      <p>blablabla </p>
      <ul>
        <li>liste</li>
        <li>liste</li>        
        <li>liste</li>        
      </ul>
      <p>blabla</p>
          </div>
   </div>
</div>
</body>
</html>


j'ai fais le ménage pour que ce ne soit pas trop long mais vous pouvez trouver la page en ligne ici http://www.global-net-concept.com/piano/index.htm
et la feuille de style ici http://www.global-net-concept.com/piano/css/piano.css

la feuille de style est longue, mais si elle vous manque dans le post je la mettrai.
Merci d'avance
Eric
Modifié par erikerac (15 Feb 2005 - 10:54)
IE semble rajouter 3 pixels à la largeur de l'une de tes colonnes.

En réduisant la largeur de ta colonne de droite de quelques pixels tout semble rentrer dans l'ordre.

A propos rigth s'écrit "right" Smiley cligne
Merci jb,

si ce n'est que ça, ça me rassure un peu.
J'ai mis en ligne la version corrigée. Il faut que je teste sur un pc. (j'en ai pas sous la main) (mac user). Et si le problème est corrigé je mettrais un beau résolu grâce à toi. Smiley biggrin
Pour right, il y a des mots dont l'orthographe ne veut jamais rentrée dans ma tête Smiley confused .
Merci pour la correction.
Je vais chez un copain tester.
Eric
Sujet clos
Aller à