28173 sujets

CSS et mise en forme, CSS3

Pourquoi ce decalage avec IE ??Trop de float ??

Salut à vous,

Je vous solicite aujourd'hui car mon probleme m'agace assez et bein entendu c'est encore a IE de faire des siennes !!!

Bref, sur la page suivante

Page ici

J'ai un tres gros soucis avec IE qui me decale tout.

Je pourrais mettre ceci en tableaux mais bof pour le redimensionnement et pour ceux qui on un petit affichage....

Je n'arrive pas a savoir d'ou vient l'erreur, pouvez vous m'aider ou bien me dire ce qui serait plus judicieux de faire.

Mon css 


#bloc_1 {display:block;float:left;height:152px;width:293px;}

#menu_include1 {display:block;float:left;height:58px;width:77px;background-image:url(images/header_include_01.gif)}
#menu_include2 {display:block;float:left;height:58px;width:34px;background-image:url(images/header_include_02.gif)}
#menu_include3 {display:block;float:left;height:58px;width:29px;background-image:url(images/header_include_03.gif)}
#menu_include4 {display:block;float:left;height:58px;width:31px;background-image:url(images/header_include_04.gif)}
#menu_include5 {display:block;float:left;height:58px;width:34px;background-image:url(images/header_include_05.gif)}
#menu_include6 {display:block;float:left;height:58px;width:88px;background-image:url(images/header_include_06.gif)}

#bloc_1_im2 {display:block;float:left;height:55px;width:246px;
background-image:url(images/header_11.gif)}
#bloc_1_im3 {display:block;float:left;height:55px;width:47px;
background-image:url(images/header_12.gif)}
#bloc_1_im4 {display:block;float:left;height:39px;width:204px;
background-image:url(images/header_20.gif)}
#bloc_1_im5 {display:block;float:left;height:39px;width:42px;
background-image:url(images/header_21.gif)}
#bloc_1_im6 {display:block;float:left;height:39px;width:47px;
background-image:url(images/header_22.gif)}

#bloc_2 {display:block;float:left;height:152px;width:114px;}
#bloc_2_im1 {display:block;float:left;height:26px;width:114px;
background-image:url(images/header_02.gif)}
#bloc_2_im2 {display:block;float:left;height:14px;width:114px;
background-image:url(images/header_07.gif)}
#bloc_2_im3 {display:block;float:left;height:18px;width:114px;
background-image:url(images/header_09.gif)}
#bloc_2_im4 {display:block;float:left;height:25px;width:114px;
background-image:url(images/header_13.gif)}
#bloc_2_im5 {display:block;float:left;height:21px;width:114px;
background-image:url(images/header_16.gif)}
#bloc_2_im6 {display:block;float:left;height:21px;width:114px;
background-image:url(images/header_19.gif)}
#bloc_2_im7 {display:block;float:left;height:27px;width:114px;
background-image:url(images/header_24.gif)}

#bloc_3 {display:block;float:left;width:116px;}
#bloc_3_im1 {display:block;float:left;height:20px;width:116px;
background-image:url(images/header_03.gif)}
#bloc_3_im2 {display:block;float:left;height:13px;width:116px;
background-image:url(images/header_06.gif)}
#bloc_3_im3 {display:block;float:left;height:13px;width:116px;
background-image:url(images/header_08.gif)}
#bloc_3_im4 {display:block;float:left;height:14px;width:116px;
background-image:url(images/header_10.gif)}
#bloc_3_im5 {display:block;float:left;height:13px;width:116px;
background-image:url(images/header_14.gif)}
#bloc_3_im6 {display:block;float:left;height:12px;width:116px;
background-image:url(images/header_15.gif)}
#bloc_3_im7 {display:block;float:left;height:15px;width:116px;
background-image:url(images/header_17.gif)}
#bloc_3_im8 {display:block;float:left;height:16px;width:116px;
background-image:url(images/header_18.gif)}
#bloc_3_im9 {display:block;float:left;height:36px;width:116px;
background-image:url(images/header_23.gif)}

#bloc_4 {display:block;float:left;height:152px;width:187px;
background-image:url(images/header_04.gif)}

#bloc_5 {display:block;float:left;height:152px;width:52px;background-image:url(images/header_05.gif)}

Merci et bonne journée Smiley biggrin

EDITE : N'est ce pas un pb d'overflow??!!
Modifié par lezard numerique (26 Apr 2006 - 19:14)
Bonjour,

Tu devrais changer le titre de ton sujet pour quelque chose de plus pertinent, nombreux sont les membres qui rencontrent des soucis avec ce navigateur. En décrivant précisemment ton problème dans le titre tu augmenteras tes chances de réponses et tu permettras que l'on retrouve ton sujet à l'avenir.

Merci d'avance.
Bonjour,

Une petite remarque en passant et pour alléger ton code :


display:block;float:left;


Un élément flottant est automatiquement un bloc, donc inutile de rajouter "display:block;"


Smiley cligne
Modifié par EricLB (26 Apr 2006 - 18:07)
Ok je savais pas je vais corriger ceci...

Pour info j'ai aussi essayer avec "margin:0"

Alors si je ne ferme pas mes balises c'est normal que sa marche pas Smiley eek

Ok maintenant reste le bloc 3 si il y a quelqu'un suis preneur Smiley biggrin

??!!
Modifié par lezard numerique (02 May 2006 - 20:53)
Sujet clos
Aller à