28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Je suis toujours en train de developper mon site! Tout est fait et fonctionne sur IE8/9 et les autres navigateurs !

Sous IE7 : PIE.htc semble être tout bonnement ignoré Smiley bawling

Sous IE6, c'est plus grave, car beaucoup de décalage entre div (ca c'est connu) mais le gros hic c'est que mon bloc "conteneur" en float right se retrouve bien à droite mais en dessous du bloc "navigation" en float left.

J'ai beau jouer sur les width margin et padding, rien à faire Smiley eek

<body>
	<div id="page">
		<div id="navigation">
			Menu de navigation
		</div>
			
		[(#REM) Contenu principal : contenu de la rubrique ]
		<div id="conteneur">
			<div id="contenu">
				Le contenu
			</div><!--#contenu-->
		</div><!--#conteneur-->
	</div><!--#page-->
</body>




#page {
	margin: 10px auto 10px auto;
	width: 1000px;
	padding: 0px;
}
#navigation { float: left; width: 205px; padding-left: 10px; overflow: hidden; padding-top: 20px;}
#conteneur { float: right; width: 760px; overflow: hidden; padding-right: 10px; padding-top: 20px;}
#contenu {
	padding: 0px 10px 0px 10px;
	border-left: 1px solid #1680f8;
	border-right: 1px solid #1680f8;
	margin: 0px;
	background: #ffffff;
}
XHTML 1 Transitionnel

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr" dir="ltr">


Ceci dit j'ai un poil avancé, je pense que cela est du au contenu, reste a savoir lequel !

Car le code plus haut fonctionne au poil sur tout navigateurs !
Modifié par elekaj34 (18 Nov 2011 - 14:51)
J'ai pas mal avancé coté IE6, mais il me reste encore quelques espaces verticaux à resoudre !
Enfait, j'avais un clear both mal placé dans mon contenu !

Par contre, pas (encore) de piste pour le problème de PIE sur IE 6 et 7!
Modifié par elekaj34 (18 Nov 2011 - 15:49)
Pour PIE, l'url de ton behavior est relative au document HTML et non pas au répertoire où est situé ton CSS.

Tu pourras avoir plus d'infos ici :
http://css3pie.com/documentation/known-issues/

Pour ton problème de float:right, je te conseille de TOUJOURS mettre ton float:right avant ton float:left sinon effectivement tu auras des surprises sur IE6/7