Coins arrondis décalés sur IE6

**xtope** · 16/06/2009, 17h22

Bonjour,
j'ai une page avec des coins arrondis, l'affichage se fait correctement sur Firefox mais sur IE le coin de la droite est légèrement (voir très) décalé si on réduit l'écran. En plein écran cela marche bien en revanche.

Code XHTML :

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
 
        <body>
        <div id="corps">
            <div id="hautdroit"></div>
            <div id="hautgauche"></div>
		<p>Le titre</p>	
		<table>	
		<tr>
			<td>Colonne 1</td>
			<td>Colonne 2</td>	
		</tr>
		<tr>
			<td>Valeur 1</td>
			<td> Valeur 2</td>
		</tr>	
		</table>
        </div>
        </body>

et le CSS :

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
 
div#corps{
    width: 97%;
    margin: auto;
}
 
div#hautgauche, div#hautdroit {
	height: 17px; 
	width: 17px;
	background-repeat: no-repeat;
	font-size: 1px;
}
 
div#hautgauche {
	float: left;
	background: url("img/coin-gauche-haut.jpg");
}
 
div#hautdroit {
	float: right;
	background: url("img/coin-droite-haut.jpg");
}

Quelqu'un aurait une solution à proposer ?

Parce que pour l'instant j'ai tout essayé, y compris englober le tout avec un autre div, mais là j'avoue que je sèche..

**Lideln75** · 16/06/2009, 17h30

Ton corps prend 97% de la page.
Tes coins sont en float.
Si tu as une page trop réduite, les 3% restants ne suffisent pas à afficher les coins, qui passent donc à la ligne...

Enfin, je présume !

**xtope** · 16/06/2009, 17h42

Salut,
merci pour ta réponse.

Effectivement c'est du 97% mais même en essayant à 100% le problème reste le même en fait.

Sinon pour les coins je ne vois pas comment faire autrement qu'avec des float ??

**Lideln75** · 16/06/2009, 17h55

Tu as raison ce n'est sans doute pas lié à ça.

En fait j'ai essayé ton code chez moi, et après vérif, ça marche bien sur IE6 aussi.

Tu peux faire un screen de ce qui ne va pas stp ?

**xtope** · 16/06/2009, 18h17

Oui bien-sûr !

Au premier screen on voit ce que ça donne lorsque la fenêtre est à la largeur maximum (il faut regarder les coins arrondis en vert foncé).
Au deuxième on voit ce qui se passe lorsque la fenêtre est rétrécie.

Évidemment dans cet exemple-là il faut la rétrécir pas mal pour le voir, mais dans les pages que je travaille il y a énormément de texte et des images, là c'est juste pour l'exemple.

merci encore pour ton aide.

**Lideln75** · 16/06/2009, 18h22

Trop bizarre... Je n'ai pas ce bug ! (pourtant j'ai testé sur IE6)

Mais c'est peut-être dû à d'autres éléments sur la page, qui sait !

Essaie de mettre des couleurs de fond à tes éléments-clef, pour voir où ils se baladent (je fais souvent ça, c'est pratique).

Désolé de ne pas pouvoir davantage t'aider (vu que ça marche chez moi)...

Coins arrondis décalés sur IE6

CSS

Vue hybride

Discussions similaires

Partager

Partager