28173 sujets

CSS et mise en forme, CSS3

Bonjour tout le monde !!!

Comment ça va bien ???

Moi j'ai un p'tit problème avec mes blocs CSS.

Voici le site : http://poppark.free.fr/

comme vous pouvez le voir avec IE c'est pas la joie.

Voici le code CSS du header pour commencer :

#global {
	width : 914px;
	height: 743px;
	border : 0;
}

#header {
	width: 914px;
	height: 216px;
}

#tachegauche {
	width: 114px;
	height: 216px;
	background-image : url('images/tachegauche.jpg') ;
	float:left;
}

#tachehaut {
	width: 159px;
	height: 87px;
	background-image : url('images/tachehaut.jpg') ;
	margin-left:114px;
}

#banniere {
	width: 800px;
	height:129px;
	margin-left:114px;
	background-image : url('images/header.jpg') ;
}


Il doit y avoir un truc a faire avec float ou les position mais j'ai pas trouvé.

Merci ! Smiley biggrin
Modifié par boudouba (11 Jul 2007 - 11:52)
Il y a un bug sous ie6 au sujet de l'attribut float : il faut que tu appliques une largeur width et un float:left sur le <div id="conteneur">
46chroms a écrit :
Il y a un bug sous ie6 au sujet de l'attribut float : il faut que tu appliques une largeur width et un float:left sur le <div id="conteneur">


j'ai appliqué le float left sur le bloc conteneur qui s'appelle global et pas conteneur Smiley cligne . ça résoud les alignement des autres blocs mais le header n'est toujours pas comme il faut !


upload/11566-screen.JPG

Vous remarquerez un léger décalage entre le coin gauche et droit.
Comment se faisse ?

Merci merci merci merci


Edit : J'ai résolu le problème !
Modifié par boudouba (11 Jul 2007 - 11:51)