Webmaster Hub: [Résolu] Problème décalage / cadres flottants / IE - Webmaster Hub

Aller au contenu

Page 1 sur 1
  • Vous ne pouvez pas commencer un sujet
  • Vous ne pouvez pas répondre à ce sujet

[Résolu] Problème décalage / cadres flottants / IE Noter : -----

#1 L'utilisateur est hors-ligne   keelize 

  • Groupe : Membre
  • Messages : 4
  • Inscrit(e) : 17-février 04

  Posté 17 février 2004 - 14:01

Bonjour à tous,
J'ai un petit problème de décalage sous IE : le bloc de gauche (en float: left) semble pousser le contenu de celui de droite de quelques pixels. J'ai ce problème sous IE et pas sous Firefox ou Opera.

La page incriminée est en ligne ici :
http://www.cti.ecp.f...tetc4/test.html

Affichage avec décalage sous IE :
Image IPB

Affichage correct sous Gecko (Firefox ici) :
Image IPB


Et pour les flemmards, voilà le code html :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
	<link rel="stylesheet" type="text/css" href="test.css">
</head>
<body>
	<div class="cadre_gauche">
    Remplissage<br />
    du<br />
    cadre<br />
    de<br />
    gauche<br />
	</div>

	<div class="cadre_principal">
    Une ligne<br />
    Deux lignes<br />
    Trois lignes<br />
    Quatre lignes<br />
    Cinq lignes<br />
    Six lignes<br />
    Sept lignes<br />
    Huit lignes<br />
    Neuf lignes<br />
	</div>
</body>
</html>


Et le code CSS :
.cadre_gauche{
	float: left;
	width: 100px;
	border: 1px solid black;
}

.cadre_principal{
	border: 1px solid black;
	margin-left: 200px;
}


Quelqu'un a des idées pour régler le problème sous IE ?

Ce message a été modifié par keelize - 17 février 2004 - 22:17.

0

#2 L'utilisateur est hors-ligne   Dinostrate 

  • Groupe : Membre
  • Messages : 568
  • Inscrit(e) : 13-septembre 03
  • Genre:Homme
  • Localisation:Toulouse, ville rose....

Posté 17 février 2004 - 14:34

Salut,

J'ai rencontré ce problème, mais sans le cadre de droite, une marge était laissée sous ie face au cadre gauche, et pas sur les autres navigateurs.
J'ai résolu ça (de mémoire) avec un padding-left. Le résultat a été : même marge partout...
Conclusion : fait l'essai avec un padding-left dans cadre_principal, sauf erreur de ma part, le résultat devrait être, une marge identique partout dans ton cadre principal. Attention, je dis ça de mémoire, je ne peux pas tester aujourd'hui.... Si tu n'as pas de bonne solution avant demain, je verifierai ce que j'ai fait.
<edit : évidemment, si tu tiens à tout prix à une solution sans marge, ce truc ne va pas, en tout cas, il faut bien choisir la valeur du pad..>

A+
Dino
Voyage virtuel sur le Canal du Midi

Louisa Paulin, une femme qui nous vient de l'avenir...
Poésie occitane
0

#3 L'utilisateur est hors-ligne   keelize 

  • Groupe : Membre
  • Messages : 4
  • Inscrit(e) : 17-février 04

Posté 17 février 2004 - 16:26

Salut, je viens de faire le test (http://www.cti.ecp.f...etc4/test2.html)
mais ça ne fait que tout décaler vers la droite (l'alignement n'est toujours pas bon)

En tout cas, merci de ta réponse.
0

#4 L'utilisateur est hors-ligne   Dinostrate 

  • Groupe : Membre
  • Messages : 568
  • Inscrit(e) : 13-septembre 03
  • Genre:Homme
  • Localisation:Toulouse, ville rose....

Posté 17 février 2004 - 16:36

Je reprendrai ça dans la soirée. Je me demande s'il ne manque pas une instruction supplémentaire quelque part, du genre clear both.... mais je le dis avec prudence. A bientôt.

Dino
Voyage virtuel sur le Canal du Midi

Louisa Paulin, une femme qui nous vient de l'avenir...
Poésie occitane
0

#5 L'utilisateur est hors-ligne   keelize 

  • Groupe : Membre
  • Messages : 4
  • Inscrit(e) : 17-février 04

Posté 17 février 2004 - 16:57

En fait, j'ai vu sur un autre forum (http://www.developpe...ic.php?t=158765) que le fait de donner une largeur au cadre_principal redonne (par miracle) un alignement correct.

Mais étant donné que dans mon vrai site web (http://www.cti.ecp.f...aires-liste.php) les menus à gauche ont une largeur fixe (en pixel) et que je veux exploiter la totalité de la page sans avoir non plus besoin de scroller horizontalement, je ne peux pas donner de largeur à mon cadre_principal.

Ce message a été modifié par keelize - 17 février 2004 - 17:22.

0

#6 L'utilisateur est hors-ligne   keelize 

  • Groupe : Membre
  • Messages : 4
  • Inscrit(e) : 17-février 04

Posté 17 février 2004 - 22:15

Epilogue

Je viens de parcourir une mine d'or sur IE : http://www.positioniseverything.net
et le bug sur lequel je suis tombé est décrit en détails, c'est le "IE Three Pixel Text Jog"
http://www.positioniseverything.net/explor...hreepxtest.html
La solution magique est de donner une hauteur de 1% au cadre_principal :blink:
Me demandez pas pourquoi, allez plutôt le lire sur le site !

Encore merci à tous pour votre aide.

Ce message a été modifié par keelize - 17 février 2004 - 22:18.

0

Partager ce sujet :


Page 1 sur 1
  • Vous ne pouvez pas commencer un sujet
  • Vous ne pouvez pas répondre à ce sujet

1 utilisateur(s) en train de lire ce sujet
0 membre(s), 1 invité(s), 0 utilisateur(s) anonyme(s)