Mac Explorer et CSS : éviter la déformation lié a un texte trop long

Mac Explorer et CSS : éviter la déformation lié a un texte trop long - HTML/CSS - Programmation

Marsh Posté le 18-03-2005 à 09:56:52    

Salut,
 
Je viens de faire un site www.gelco.fr compatible IE PC, FireFox PC, Netscape MAC, Opera PC, Conqueror MAC, cependant il s’affiche pas correctement sur le IE des Macs.
 
 
Voici mes problèmes :
 

  • J’aimerais centrer mon cadre principal au milieu de la page horizontalement [résolu] (et verticalement si possible)


Code :
  1. .cadre { /*Conteneur du site entier*/
  2. position: relative;
  3. width: 700px;
  4. height: 538px;
  5. background-color: #000000;
  6. margin-right: auto;
  7. margin-left: auto;
  8. overflow: hidden;
  9. }


 

  • Sur les pages société et création, le texte descriptif est trop long, alors ça empêche la photo de droite de s’afficher correctement.

Mon problème provient de la longueur du texte, les autres pages s’affichants correctement sont exactement identique niveau code.
 
 
Voici comment j'ai organisé ma page : J'ai conteneur dans lequel ce trouve a gauche une div menu-la-societe (avec du texte dedans) et de droite une div zone-photo avec donc une photo dedans.
 

Code :
  1. .contenu { /*Conteneur du contenu : sous menu et photo*/
  2. width: 700px;
  3. height: 452px;
  4. overflow: hidden;
  5. }
  8. .menu-la-societe{
  9. float: left;
  10. background-color: #8A8A88;
  11. height: 432px;
  12. width: 156px;
  13. padding-top: 20px;
  14. padding-left: 10px;
  15. padding-right: 10px;
  16. }
  19. .texte-la-societe{
  20. font-family:Verdana, Arial, Helvetica, sans-serif;
  21. color: #FFFFFF;
  22. font-size:13px;
  23. padding: 0px;
  24. margin: 0px;
  25. }
  28. .zone-photo{
  29. float: right;
  30. background-color: #000000;
  31. height: 452px;
  32. width: 524px;
  33. overflow:visible;
  34. }
  36. .photo{
  37. position: absolute;
  38. border: 0px;
  39. height: 452px;
  40. width: 524px;
  41. }


 
 
Savez-vous quel paramètre je dois modifier ou ajouter pour rendre ce code css comptablie IE mac ?
 
Merci d’avance pour votre aide,
 
Yann


Message édité par +yann le 18-03-2005 à 15:16:48
Reply

Marsh Posté le 18-03-2005 à 09:56:52   

Reply

Marsh Posté le 18-03-2005 à 13:56:58    

Arf, spa facile de trouver de l'aide pour un mac :/

Reply

Marsh Posté le 18-03-2005 à 15:10:22    

Propose aux utilisateurs Mac de DL Firefox pour Mac :)

Reply

Marsh Posté le 18-03-2005 à 15:15:28    

Je peux eventuellement le proposer, mais j'aimerais bien que les utilisateurs IE mac puisse voir les photo, meme si elle sont mal placées.
 
NB : Le centrage vertical fonctionne, j'ai du mettre un div en plus, impossible de centrer directement mo div cadre
 

Code :
  1. .cadre { /*Conteneur du site entier*/
  2. position: relative;
  3. text-align: left;
  4. width: 700px;
  5. height: 538px;
  6. background-color: #000000;
  7. overflow: hidden;
  8. }
  9. body {
  10. text-align: center;
  11. margin-top: 20px;
  12. background-color: #1D1A1A;
  13. overflow: hidden;
  14. }
  15. .centrage {
  16. margin: 0 auto;
  17. width: 700px;
  18. }

Reply

Marsh Posté le 18-03-2005 à 17:21:12    

Recapitulatif :
 

  • le centrage vertical fait planter IE MAC


Solution : J'applique le centrage vetical aux navigateurs differents de IE MAC
 

  • La taille de mes polices decale tout mon design avec IE MAC


Solution : Je reduis la taille de la police pour les navigateurs IE MAC uniquement.
 
 
Comment faire techniquement :
 
IE MAC a un BUG, il considère l'antislash comme un caractère d'échappement même au sein d'un commentaire.
 
Voici l'explication detaillé : http://www.ultra-fluide.com/ressou [...] -hacks.htm

Reply

Marsh Posté le 18-03-2005 à 17:26:46    

+yann a écrit :

Recapitulatif :
 

  • le centrage vertical fait planter IE MAC


Solution : J'applique le centrage vetical aux navigateurs differents de IE MAC
 

  • La taille de mes polices decale tout mon design avec IE MAC


Solution : Je reduis la taille de la police pour les navigateurs IE MAC uniquement.
 
 
Comment faire techniquement :
 
IE MAC a un BUG, il considère l'antislash comme un caractère d'échappement même au sein d'un commentaire.
 
Voici l'explication detaillé : http://www.ultra-fluide.com/ressou [...] -hacks.htm


 
 
Récapitulatif :
 
On évite d'utiliser des hacks pourris à tour de bras et de centrer verticalement qqc avec des marges négatives.
Soit on fait tout avec des divs et on se contente de CERTAINS types de mise en page, soit on utilise avec parcimonie des tables, mais on s'assure dans tous les cas d'avoir un code standard et identique pour tous les navigateurs. :o

Reply

Marsh Posté le 19-03-2005 à 00:14:39    

Ou tout simplement envoyer chier les utilisateurs d'IE MAC :o

Reply

Sujets relatifs:

Leave a Replay

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