Différence IE / Firefox

Marsh Posté le 26-04-2009 à 16:08:44

Bonjour à tous !

je modifie quelques peu le design de mon blog sous wordpress (http://www.iwox.fr/) et n'étant pas codeur fou je doigt faire quelques bourde.
Le dernier problème qu'il me reste est une différence d'apparence entre IE et firefox sur le footer... il est bien à sa place en bas sur firefox mais apparait sous le header sous firefox...

Est-ce un problème classique ?

Voici le code css du footer :

Code :

/* footer START */
#footer {
background:url(img/header_footer.jpg) 0px no-repeat;
display:block;
height:88px;
border-top:1px solid #CCC;
font-size:11px;
line-height:145%;
width:936px;
margin-left: auto;
margin-right: auto;
}
#footer a {
color:#2A2A2A;
}
#copyright {
margin-top:12px;
margin-left:20px;
color:#ffffff;
}
#themeinfo {
margin-left:20px;
}
a#powered {
background:url(img/wp-logo.png) no-repeat;
display:block;
width:92px;
height:57px;
float:left;
margin:0 10px 0 5px;
text-indent:-999em;
}
a#gotop {
background:url(img/icons.gif) 0 -304px no-repeat;
float:right;
height:16px;
line-height:18px;
display:block;
padding-left:16px;
margin:5px 20px 0 0 !important;
margin:5px 8px 0 0;
text-decoration:none;
color:#ffffff;
}
/* footer END */

Ca vous dit quelques chose ce problème ?
Merci d'avance !
f.

Reply

Marsh Posté le 26-04-2009 à 16:08:44

Reply

Marsh Posté le 26-04-2009 à 16:20:46

clear: both dans le footer :??:

Reply

Marsh Posté le 26-04-2009 à 16:49:46

ou un position:relative ?

---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.

Reply

Marsh Posté le 26-04-2009 à 16:59:44

alors va falloir m'expliquer.
C'est quoi c'est deux variables ?

Reply

Marsh Posté le 26-04-2009 à 17:11:18

Euh...
Ce sont des propriétés en fait : clear pour annuler l'effet de float, position pour changer la relation entre les éléments.

Reply

Marsh Posté le 26-04-2009 à 17:14:59

donc j'essaye de caller chacun dans le #footer { ?

Je fais du code par copier/coller et déduction logique

f.

Reply

Marsh Posté le 26-04-2009 à 17:17:13

oui.

Reply

Marsh Posté le 26-04-2009 à 17:26:44

ni clear:both;
ni position:relative;
ne change quelque chose.
Par contre margin-top baisse le footer, et margin-bottom:0px; ne fait pas coller au bas...

Reply

Marsh Posté le 27-04-2009 à 19:20:44

margin est une marge, pas la distance qui sépare des extremités !
Je jette un coup d'oeil à ton code...

EDIT : Tidy me dit qu'il y a une balise </div> de trop (ou manquante)...
EDIT2: Ne serait-ce pas ta div "caption" qui n'est pas fermé ?
EDIT3 : Je confirme, tu as fermé <div id="navigation"> puis <div id="header"> en oubliant de fermer <div id="caption"> !!!

Tu as des balises intutile aussi !!! des <h3> ou <span> qui ne contiennent rien !
Aussi, ligne 41, tu as le mot "file"... il sert a quoi lui ? d'ailleurs, les <link> ne sont pas autorisé dans les divs, sort le !

Message édité par abais le 27-04-2009 à 19:38:09

---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.

Reply

Différence IE / Firefox

Sujets relatifs:

Leave a Replay