28173 sujets

CSS et mise en forme, CSS3

Bonjour à tous !

Voilà je rencontre un petit pb d'alignement que je n'arrive pas à résoudre sous ie6 avec un site que je suis actuellement en train de concevoir.

Il faut savoir que le problème n'est pas sous firefox ou ie7.

Tout d'abord, le code css :

/*Global*/
html, body {
	height: 100%;
	margin: 0;
	background: #ffffbb;/*#ffdd44 ;*/
}

/*Blocs et leurs dépendances*/
div#header {
	background: url(images/banniere.jpg) no-repeat left top;
	color: #fff;
	height: 350px;
}

div#header h1 {
	margin: 0;
	}

div#global {
	min-height: 100%;
	width: 770px;
	margin: 0 auto;
	position: relative;
	border: 1px solid black;
	background: #ffe060;
	}

div#center {
	overflow: auto;
}

div#footer {
	position: absolute;
	width: 100%;
	bottom: 0;
	}
div#footer a {
    text-decoration: none;
    color: #000;
}

div#content {
	float: right;
	width: 70%;
	/*height:400px;*/
	text-align: justify;
	font-size: 30pt;
	color: #011F39;

	margin-right: 40px;
	margin-bottom: 50px;	


}
/*div#content p {
	text-align: center;
}*/

div#sidebar {
	float: left;
	width: 20%;
}

div#deco {
	float: left;
	width: 20%;
}

div#sidebar2 {

	
	float: left;
	width: 20%; 
    	height: auto;
    	display: block;

	text-align: justify;
    	border: 1px solid gray;
    	text-decoration: none;
    	color: #000;
    	background: #ffffbb;
    	font-size: 12pt;
}

div#blocC {

	width: 550px;/*550px*/ 
    	height: auto;
    	display: block;

	text-align: justify;
    	border: 1px solid gray;
    	text-decoration: none;
    	color: #000;
    	background: #ffffbb;
    	font-size: 12pt;
	/*margin-left: 5px;
	margin-right: 5px;*/

}
...


A savoir que la balise header concerne la bannière...

Et pour mieux voir et comprendre le probème, un screenshot sous firefox et sous ie6 :
FIREFOX
http://90plan.ovh.net/~netcars/transfert/firefox.jpg
IE6
http://90plan.ovh.net/~netcars/transfert/ie6.jpg

Voilà, donc comme on peut le voir sous ie6 tout se décalle sur la gauche, et je n'arrive pas à comprendre pourquoi...

Si quelqu'un peut m'aider, sa serait gentil... Smiley biggrin
Merci
Modifié par Florent V. (29 Oct 2007 - 15:13)
rantanplan08 a écrit :
Personne ne peut donc m'aider ?

Comme on dit: aide-toi, et le Ciel t'aidera. Smiley cligne

En l'occurrence: on ne peut rien dire sans avoir le code HTML.
Et il serait préférable d'avoir accès à la page en ligne (ou à une page de test reproduisant le problème), ça facilite les choses. Smiley smile
C'est bon je viens d'arriver à résoudre le problème (après avoir perdu quelques litres de sueur lol).
Voilà merci quand même bonne continuation...