18073 sujets

Questions générales et questions de débutants

Cadre arrondi, toujours IE

Bonjour à tous,

J'ai suivi à peu-près à la lettre ce tuto, l'affichage se fait bien sur Firefox, mais IE (comme à son habitude, pose problème).

Je ne pense vraiment pas que cela vienne de mon design, car avant il s'affichait à peu-près pareil avec les 2 navigateurs.

Voilà le lien pour voir ça

Voici la partie de la feuille de style qui risque de vous intérresser


.hautgauche, .hautdroit, .basgauche, .basdroit, .basdroits, .basgauches {
	height: 7px; width: 7px;
	background-repeat: no-repeat;
	font-size: 1px; /* correction d'un bug IE */
}
.hautgauche {
	background: url(images/haut_gauche.png);
}
.hautdroit {
	float: right;
	background: url(images/haut_droite.png);
}
.basgauche {
	background: url(images/bas_gauche.png);
}
.basdroit {
	float: right;
	background: url(images/bas_droite.png);
}
.basgauches {
	background: url(images/bas_gauches.png);
}
.basdroits {
	float: right;
	background: url(images/bas_droites.png);
}


Merci d'avance pour votre aide Smiley smile
J'ai le même genre de problème. J'ai mis un fichier spécial ie contenant


#hautdroit {
margin-left: -3px;
margin-right:-4px;
position: relative;
}

#basdroit {
margin-left: -3px;
margin-right:-4px;
position: relative;
}


Ca marche pour mon site principal mais pas partout pour mon site communal

Si tu arrives à avoir une réponse... Je n'en ai pas eu pour
ma demande sauf qu'il y a trop de div peut-être... Smiley biggol
Hello,

J'ai testé la technique roundbox :

le css : 


/* set millions of background images */
.rbroundbox { background: url(images/css/arrondis/nt.gif) repeat; }
.rbtop div { background: url(images/css/arrondis/tl.gif) no-repeat top left; }
.rbtop { background: url(images/css/arrondis/tr.gif) no-repeat top right; }
.rbbot div { background: url(images/css/arrondis/bl.gif) no-repeat bottom left; }
.rbbot { background: url(images/css/arrondis/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */

.rbtop div, .rbtop, .rbbot div, .rbbot {

height: 7px;

font-size: 1px;

}
.rbcontent { margin: 0 7px; }
.rbroundbox {width:194px; margin-right: 6px;margin-top:5px; }


Les fichiers image sont a remplacer par les tiens, ainsi que le fond global que tu peux mettre en couleur simple.

Et l'html correspondant : 

<div class="rbroundbox">
	<div class="rbtop"><div></div></div>
		<div id="info">
<p>Ton texte a toi.</p>
</div><!-- /rbcontent -->
	<div class="rbbot"><div></div></div>
</div><!-- /rbroundbox -->


A bidouiller à ta sauce, mais ne semble poser aucun problème avec IE.
Bon ok ça fait un peu divite aigue. ^^

Une autre bonne piste se sont les travaux de clb56 sur le sujet : http://clb56.freezee.org/

Bon courage,
Aymeric
Modifié par AymericJ (28 Apr 2006 - 12:49)
Ce qui je viens de trouver bizarre c'est que sur mon design, le header s'affiche bien sous IE ... Je vais essayer de voir ce qui cloche avec les 2 autres Smiley smile

Edit : ça s'améliore, c'est de mieux en mieux. En fait, c'est bien les autres élements de ma CSS qui génaient, avec un peu de réorganisation, ça va mieux !
Modifié par Dolerho (28 Apr 2006 - 13:18)
Autre soucis, ton png transparent du titre aparait avec un fond gris sous ie et la couleur de tes arrondis est différente du fond :



upload/5798-capture1.jpg


Pour info je suis sous Win2K et IE6 pour le test.
Merci, mais n'aie pas d'inquiétudes, ça sera reglé (soit avec le GIF, soit avec un hack IE Smiley langue )

Par contre ce qui me pose le plus problème c'est la partie sur laquelle tu as zoomé Smiley ohwell

Là je bloque, si quelqu'un peut m'aider ça serait pas de refus !
Modifié par Dolerho (28 Apr 2006 - 13:37)
Mon copain photoshpeuh me dit que le bleu de tes images de coin est #779BD7.

Et ton css me dit aussi que ta couleur de fond est : #779BD7.

Donc pas de bol tu es clairement dans le cadre d'une couleur que ie est incapable d'interpreter correctement. Smiley smile

Du moins à voir avec mon ecran de portable et mes reglages, peut petre que ça ne le fait pas à tout le monde.

Ce qui est "marrant" c'est que sur un print screen de ta page (sous IE), le chtit gars photoshop il me trouve cette couleur pour tes coins : #6C92D2.
Modifié par AymericJ (28 Apr 2006 - 14:13)
Oui, mais c'est parce qu'il me semble qu'IE assombrit les PNG 24 Bits, et oui, en effet c'est la même couleur, de toute façon, je m'occupe pour l'instant du dernier coin qui foire :s et c'est pas de la tarte !
Sujet clos
Aller à