28173 sujets

CSS et mise en forme, CSS3

Bonjour,

Ie me rends fou! je viens de terminer un template fonctionnant parfaitement sous Firefox. Mais sous IE, les floats, et les width ne sont pas pris en compte.

En clair, j'ai des element a largeur fixe s'emboitant l'un a cote de l'autre grace a des floats. La ils sont tous de la largeur de la page et les un sous les autres.

J'y bosse depuis 9h du matin et rien a faire, je n'ais pas avancé d'un milimetre
Smiley biggol Smiley bawling

je sqais pas si mon rire nerveux provient de folie, de depression ou de crise de nerfs Smiley sweatdrop

voici mon code css qui fonctionne parfaitement sous firefox


/* CSS Kanavids */

body{
	margin: 0px;
	background-color: #333;
	font-family: "Comic Sans MS";
	font-size: 14px;
	}
	
	a{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #666;
}
	a:hover{
	text-decoration: none;
	color: #888;
}

div#box {width: 986px; margin: 6px auto 15px;
    color:#333; border: 1px solid #ddd; padding: 0px}
div#bordure {width: 1010px; margin: 30px auto;
    background:#fff;}


#entete {width: 100%; height: 200px; background-image: url(images/degrade.gif); background-repeat: repeat-x;}

#logo {float: left; margin: 5px;}
#webcam {float: right; margin: 15px 25px}


#gauche{width: 140px; float: left; margin: 5px; padding: 5px;}
#editer{height: 0px; overflow: hidden;}


#centre, #content{width: 630px; float: right;}
#droite{float: left; width: 170px; margin: 5px; padding: 5px;}

#centregauche {width: 280px; float: left;}
#centredroit {width: 700px; float: right; }

#corpsbas, #corps {clear: both; margin: 10px 0px}

#footer {height: 100px; background-image: url(images/degrade2.gif); background-repeat:repeat-x; text-align: center; line-height:1000%}

.blockTitle{
	color: #94c71a;
	font-size:16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bolder;
	margin-top:8px;
}



pour tout les element floatant, j'ai rajouté un display inline afin de purger les defaut d'ie sur les marges. mais aprés, malgré mes recherches, je ne vois pas!

un exemple?
lien supprimé, contenu inadapté à un forum accessible à tous.

merci par avance de toute aide, ou orientation de recherche que vous pourriez m'apporter Smiley cligne
Modifié par Thomas D. (13 Jan 2007 - 16:24)
dsl je n'arrive pas a editer mon sujet, j'ai trouvé la solution.

j'utilise niftycorner pour arrondir les angles.
Pour tiliser correctement le js, je met un bout de style dans le html, IE ne va pas chercher la feuille de style et se contente du css dans le html Smiley bawling


edit aben si je peux editer, dsl pour le double postage.je sens que c'est aps mon jour aujourd'hui Smiley biggol
Modifié par jer666 (13 Jan 2007 - 16:19)