difference d'affichage IE/FF

difference d'affichage IE/FF - HTML/CSS - Programmation

Marsh Posté le 07-11-2008 à 19:04:49    

Bonjour à tous,  
j'ai un probleme d'affichage entre IE et les autres comme Firefox .
J'ai un conteneur de taille fixe et une partie du texte affiché part à la trappe sur firefox ou opera alors que tout s'affiche comme je le souhaite sur IE.
J'ai l'impression que ceci est du a un probleme de paragraphe (je me trompe peut etre) mais meme en essayant de modifier l'interligne des paragraphes cela ne fonctionne pas...
voici le fichier CSS:

Code :
  1. body {
  2. background-color: #7B7C7E;
  3. }
  5. #box3 {
  6. POSITION: relative;
  7. height: 245px;
  8. width: 780px;
  9. visibility: visible;
  10. overflow: hidden;
  11. background-color:#FFFFFF;
  12. float: left;
  13. }
  15. .titrepage {
  16. font-family: Arial, Helvetica, sans-serif;
  17. width: 255px;
  18. font-size: 24px;
  19. font-weight: bold;
  20. color: #004E6D;
  21. margin:8px 0px 15px 15px;
  22. position: absolute;
  23. left:10px;
  25. }
  26. .soustitrepage {
  27. position:relative;
  28. font-family: Arial, Helvetica, sans-serif;
  29. font-size: 18px;
  30. color: #000000;
  31. margin:50px 180px 30px 10px;
  32. }
  33. .textebrut {
  34. font-family: Arial, Helvetica, sans-serif;
  35. font-size: 12px;
  36. color: #000000;
  37. position:relative;
  38. margin:5px 180px 0px 10px;
  39. }


et la page:

Code :
  1. <body>
  6. <div id="box3">
  7.   <div align="left" class="titrepage">Titre</div>
  9.   <br />
  11.   <div class="soustitrepage">
  12.  
  13.         <div><strong>Sous titre<br />
  14.         </strong></div>
  15.   </div>
  16.   <p>cette image</p>
  17.       <br />
  18.    
  19.       <div class="textebrut">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod </div>
  20.     </div>
  21.   </div>
  22. </div>
  24. </body>
  25. </html>


Si quelqu'un peut m'aider parce que alors la je cale et comme c'est assez genant....
D'avance merci a tous ceux qui voudront bien se pencher sur mon problème....

Reply

Marsh Posté le 07-11-2008 à 19:04:49   

Reply

Marsh Posté le 07-11-2008 à 21:42:12    

Bah, c'est Firefox qui a raison de tronquer ton texte. IE fait encore une fois bande à part.
 
Ton #box3 à un overflow positionné à hidden, avec une largeur et une hauteur fixe. Met un overflow à scroll ou auto ("visible" va donner des résultats pas très esthétiques). Ou à la limite ne fixe pas la hauteur de ton div.

Reply

Marsh Posté le 08-11-2008 à 02:59:31    

oui mais le probleme c'est que la c'est simplifié, mapage est plus complexe, il ya des trucs en dessous et  je ne peux pas me permettre de mettre un scroll ou une hauteur plus grande, toutes les pages doivent avoir une hauteur fixe et pas de barre de défilement...
Comment faire alors pour que IE réagisse la dessus comme les autres navigateurs, je ne peux pas me permettre que ma page soit differente selon IE ou les autres.... j'ai vraiment besoin de trouver une solution qui fasse que sur IE cela s'affiche comme chez les autres...  
Cordialement...

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed