Discussion :

[Strix]

Bonjour.
Alors voilà mes problèmes sur IE6 :
1 / Texte répété:
La zone en bleu représente ma div, mais du texte est répété en dehors de cette div et ce pour toute les pages

2 / Le height pour cette div (#info) n'est pas respecté donc le site prend de la hauteur au lieu de générer un ascenseur.

Savez vous d'où ça peut venir ?

Je mets des bouts de 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
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
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: 14px;
	font-family: "Times New Roman", Times, serif;
}
#global {
	width: 900px;
	height: 540px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
	background-image: url(../medias/global/test_site.jpg);
	border: 1px solid #000000;
}
#bandeau {
	width:900px;
	height:130px;
	margin-bottom: 25px;
	background: url(../medias/global/banniere.jpg) center no-repeat;
}
#contenu {
	width:900px;
	height:335px;
	left: 150px;
	padding: 0px;
	margin-top: 20px;
}
#info {
	width:660px;
	max-height:375px;
	float: left;
	padding-top: 10px;
	padding-left: 20px;
	background: url(../medias/barreniv/barrevert.gif) repeat-y;
	overflow:auto;
}

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<div class="sectionsliens"><span class="Categorie">Photographie</span><br>
        <br>
 
      <div class="liens"><a href="galeries/asylum.php?lang=fr"><img src="galeries/portfolio/asyl.jpg" alt="Asylum" width="140" height="50"><br>Asylum</a></div>
      <div class="liens"><a href="galeries/tamtrum.php?lang=fr"><img src="galeries/portfolio/tamt.jpg" alt="Tamtrum" width="140" height="50"><br>Tamtrum</a></div>
      <div class="liens"><a href="galeries/punish.php?lang=fr"><img src="galeries/portfolio/py.jpg" alt="Punish Yourself" width="140" height="50"><br>Punish Yourself</a></div>
      <div class="liens"><a href="galeries/furia.php?lang=fr"><img src="galeries/portfolio/furia.jpg" alt="Furia" width="140" height="50"><br>Furia</a></div>
      <div class="liens"><a href="galeries/tears.php?lang=fr"><img src="galeries/portfolio/tears.jpg" alt="Tears Of Rage" width="140" height="50"><br>Tears Of Rage</a></div>
      <div class="liens"><a href="galeries/killingj.php?lang=fr"><img src="galeries/portfolio/kj.jpg" alt="Killing Joke" width="140" height="50"><br>Killing Joke</a></div>
 
      <div class="liens"><a href="galeries/cb.php?lang=fr"><img src="galeries/portfolio/cb.jpg" alt="Crucified Barbara" width="140" height="50"><br>Crucified Barbara</a></div>
      </div>

[Candygirl]

hello

1) Ce bug d'IE6 apparaît sous différentes configurations. Le différentes causes que j'ai observées sont:

• une imbrication de flottants avec le float intérieur qui arrive à moins de 3px de la largeur du contenant
• la présence de commentaires dans le html en relation avec des float
• la présence d'un élément en display:none toujours en relation avec les float

Il aurait fallu donner le css de .liens et .sectionsliens pour te répondre plus précisément

2) Ie 6 ne connaît pas le maxheight. Tu peux lui donner un heigth fixe ou passer par javascript pour émuler le maxheight

[Strix]

Merci bien, j'ai résolu le problème avec un <If IE 6> et quelques modifs.

Merci encore