28220 sujets

CSS et mise en forme, CSS3

Bonjour tout le monde,
Aprés le lecture des différentes Faq,articles (qui m'on permit d'apprendre pas mal de chose que je ne connaissait pas ), je n'ai pas réussi à trouver une solution à mon problème.
Je suis entrain de redévelopper mon site http://eastblue.net pour une petite version 4 ^_^ et j'ai dû m'amuser pour passer le design que ma fourni mon designer avec les div+css.
Voici un apperçu du site : http://eastblue.net/test/
"mon index de test" a écrit :

<div id="default">
<div id="header"></div>
<div id="inter">
<div id="inter_slogan"></div>
<a id="inter_accueil" href="/test/index.php"></a>
<a id="inter_chat" href="#"></a>
<a id="inter_forum" href="#"></a>
<a id="inter_radio" href="#"></a>
<a id="inter_contact" href="#"></a>
<a id="inter_livredor" href="#"></a>
<a id="inter_liens" href="#"></a>
<a id="inter_faq" href="#"></a>
<a id="inter_credits" href="#"></a>
<div id="inter_fin"></div>
</div>
<div id="middle">
<div id="left">&nbsp;</div>
<div id="center">&nbsp;</div>
<div id="right">&nbsp;</div>
</div>
<div id="down">
<div id="down1"></div>
<a id="down2" href="#"></a>
<div id="down3"></div>
</div>
</div>


"mon css" a écrit :


.....

#default {
width: 950px;
margin: auto;
}

#header {
height: 241px;
width: 950px;
background: url('/test/picture/design/up/header.jpg') no-repeat;
}

#inter {
width: 950px;
height: 9px;
}
.....

#middle {
width: 950px;
background: url('/test/picture/design/menu/fond.jpg') repeat-y;
float:left;
}

#left {
width: 128px;
text-align: left;
float: left;
margin: 0px 0px 0px 6px;
}

#center {
width: 660px;
text-align: justify;
float: inherit;
margin: 0px 4px 0px 4px;
}

#right {
width: 128px;
text-align: left;
float: left;
margin: 0px 0px 0px 0px;
}

.....

Donc sous IE j'ai un léger décalage entre la div id="inter" et la div id="middle" qui n'existe pas avec FireFox ou encore Opéra.Donc un petit coup de pouce serait fortement apprécié Smiley biggrin
Modifié par magic_soup (24 Apr 2005 - 11:58)
Je viens tout juste de trouver quelque chose qui me parait fort bizarre,en fait la balise div inter doit mesurer 9 pixel de hauteur ce qui ne pose pas de problèmes avec FireFox et Opera cependant la taille de ma div sous IE en fait le double,donc je viens de trouver ce qui est la cause de mon décalage et je vais voir pour en prendre compte.