Problème de compatibilité sous ie7

**fab76000** · 09/03/2009, 22h59

Bonsoir a tous,
Je poste ce message suite à un problème avec d'ie7.
voici mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<div id="contenuTexte">
   <p class="titre1">Votre expert en conformité</p>
   <div class="contenu">
   <div class="carte"><a href="images/carte.gif" target="_blank"><img   class="liens" src="images/carte_02.gif" /></a>
   </div>
    <div class="textecontact">société S.A.S<br />
        26, rue Saint Didier<br />
        75116 PARIS<br />
        Tél. : 09 54 09 94 69<br /><br /><br />
        <img src="logoPDF.gif" /><a href="formulaireContact.php" class="liens3">Formulaire de contact</a><br /><br />
        <a href="mailto:info@d.net" class="liens2">info@d.net</a>
        </div>
</div>
</div>

et le css correspondant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
 
#contenuTexte{
float:left;
width:760px;
min-height:500px;
}
.textecontact {
 
 
	width:450px;
	font-family: "Myriad pro";
	font-size: 16px;
	line-height: 20pt;
	color: #333333;
	font-weight:700;
	text-align:left;
	margin:auto auto;
	letter-spacing: 1pt;
	text-decoration: none;
	background-color:#00FF00;
	word-wrap: break-word;
 
}
.contenu {
text-align:center;
min-height:280px;
height:auto;
background-color:#00FF66;
}
.liens {
border:0px solid black;
text-decoration:none;
}
.liens3 {
	border:0px solid;
	text-decoration:none;
	color:#333333;
	vertical-align: top;
}
.liens2 {
	color:#0099CC;
	text-decoration: none;
}
.titre1 {
	margin-top:20px;
	font-family: "Myriad pro";
	font-size: 26pt;
	font-weight: 200;
	color: #333333;
	text-align:center;
	letter-spacing: 1pt;
}

Le code ci dessus fonctionne parfaitement sous FF3 mais pas sous ie7.
En effet, si vous avez la possibilité de tester mon code, sous ff, le texte est rapproché de l'image, tandis que sous ie il est éloigné.
Pour mieux comprendre j'ai coloré les arrieres plans, et l'on voit en fait que le div contenant le texte (sous ff) se glisse au dessous du div contenant l'image, alors que sous ie, il ne se glisse pas.
après avoir y passer beaucoup de temps et essayer maintes choses, je me tourne vers le forum pour essayer de trouver une solution car je commence à désespérer...

Si quelqu'un peut m'aider,..Merci d'avance.
Surtout n'hésitez à me poser des questions pour plus dee renseignements.

**12monkeys** · 09/03/2009, 23h37

Bonsoir

Pour avoir testé ton code je n'y vois pas de différence entre IE 7 et FF 3.

De plus de quelle image parles tu ? parce qu'il y en a deux.

Peut on avoir une capture d'écran pour voir la différence ?

**Erwan31** · 09/03/2009, 23h47

Pour qu'on puisse t'aider plus facilement et sans risquer de faire une erreur de diagnostique, il faudrait fournir la totalité du code XHTML (et CSS), rien ne peut permettre d'affirmer que tu n'es pas en mode Quirks (non standard) ou que tu n'as pas omis une fermeture de balise ou autre.

**devyan** · 10/03/2009, 16h30

Je suis étonné qu'Erwan31 n'ai pas déjà posé la question rituelle

...

Quel Doctype utilises-tu ? (j'ai bien peur que la réponse soit "aucun")

Désolé Erwan31, je n'ai pas pu m'en empêcher

**fab76000** · 10/03/2009, 20h59

En fait si je n'ai pas posté tout le code c'est parce qu'il est très gros et pas très propre...Mais il est correct je pense un maximum.
Si monkey ne voie pas de différence cela m'intrigue car j'utilise vista et j'ai pu lire que sa pouvait changer le rendu??
Sinon je parle de l'image 'carte', et la différence est que le texte est collé à la carte sous ff mais pas sous ie, je pense que le problème vient du chavauchement des div...
Sinon j'utilise un doctype, le voila :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Je dois bien avouer que je ne connais pas son interêt, si vous pouviez m'éclairer?

Merci à vous pour votre écoute et votre aide

PS : Je précise que le doctype à été généré automatiquement sous dreamweaver.

**12monkeys** · 10/03/2009, 21h27

Envoyé par fab76000

Si monkey ne voie pas de différence

Je confirme...

Envoyé par fab76000

Je dois bien avouer que je ne connais pas son interêt, si vous pouviez m'éclairer?

http://xhtml.developpez.com/faq/?pag...octype_utilite

Sinon n'y a t'il pas une page en ligne qu'on voit de visu ?

**fab76000** · 10/03/2009, 23h03

Désolé du retard, je galéré à le mettre en ligne,
voici le lien : http://www.fcweb76.uuuq.com/test/test01.php
dites moi si vous voyez une différence entre ff3 et ie7, au niveau du texte central (adresse) et la carte?SVP.

**Erwan31** · 11/03/2009, 00h06

En effet c'est pas très propre. Aussi bien niveau CSS qu'HTML qu'ergonomie ou Design...
Ton bloc vert est centré via des marge auto, ce n'est peut être pas la meilleur méthode pour placer ton bloc...

**fab76000** · 11/03/2009, 08h55

Je précise tout de même que le bloc est vert pour montrer son emplacement, sinon il n'a pas de couleur. En ce qui concerne le design si ce n'est pas propre, faut s'adresser à la graphiste

A part l'idée de positionner mon bloc vert autrement qu'en auto quelqu'un à une idée précise?

Problème de compatibilité sous ie7

CSS

Discussions similaires

Partager

Partager