[Résolu] Problèmes de divs et de compatibilité

Bonjour ici! Je suis nouveau et je galère dejà

J'ai fait une structure simple pour tester et j'ai divers problème.
Voyez par vous même http://indianajones.ovh.org/

1°/ Problème du texte qui sort de la boite "Espace Pro"
2°/Sous Firefox aucun problème mais sous IE la boite EspacePro est de suite beaucoup plus large (pourtant reglée à 150px avec le div#panneau) et est décallée un peu plus sur la droite.

J'ai retourné ca un peu dans tous les sens et ca va pas donc si quelq'un as une idée

Voici le code CSS:

body
{
	margin: 10px 0 ;
	padding: 0 ;
	text-align: center ;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
	background: #363636;
	color:#808080;
}

a{
color: #363636 ;
text-decoration:none;
}

a:hover{
color: #EE5D5D ;
}

div#conteneur
{
	width: 770px ;
	margin: 0 auto ;
	text-align: left ;
	border: 1px solid #808080 ;
	background:#FFF ;
}

div#header
{
	height: 110px ;
	margin: 0px;
	padding:0px;
	border-bottom: 1px solid #808080 ;
}

div#contenu
{
	padding: 13px 20px 0 190px ;
}

div#contenu h2
{
	line-height: 25px ;
	font-size: 1.4em ;
	color: #404040 ;
	border-bottom: 1px solid #404040 ;
}


div#contenu p
{
	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.7em ;
	color: #404040;
}


p#footer
{
	clear:both;
	margin: 0 ;
	padding-right: 10px ;
	line-height: 30px ;
	text-align: right ;
	color: #404040 ;
}

/*Panneau*/

div#panneau
{
float:left;
width:150px;
padding:0px;
margin:15px 0px 15px 15px;
}


/*Espace Pro*/

div#espacepro
{
border: 1px solid #000;
padding:0px;
margin-bottom:20px;
color:#404040;
}

div#espacepro h2
{
padding:0px;
margin:0px;
text-align: left;
font-size: 1.4em ;
border-bottom: 1px solid #404040 ;
}

div#espacepro p
{
padding:0px;
margin:0px;
}

Merci d'avance
Modifié par IndianaJones (31 Aug 2007 - 11:39)

Salut,

Surement le syndrome du Supercalifragilisticexpialidocious, faire une recherche sur le forum ...

C'est pas que je recherche pas, c'est que soit j'ai pas trouvé le bon truc, soit j'ai fait tout de travers. Et ca fait plusieurs semaines que j'ai pas résolu ce problème (surtout l'histoire du décalage entre FF et IE), j'ai essayé les resets CSS aussi que dalle

Salut IndianaJones ,

le syndrome dont parle ghost, c'est le fait de faire ses tests avec des mots qui n'en finissent pas de finir... du genre Blablablablablablablablalblalbalblalbla .

Du coup "ça déborde" alors qu'avec des vrais mots ça passerait .

A+

Heyoan a écrit :
Sle syndrome dont parle ghost, c'est le fait de faire ses tests avec des mots qui n'en finissent pas de finir... du genre Blablablablablablablablalblalbalblalbla .

Et la meilleure solution pour celà, c'est de générer du faux texte sur un site qui le propose :
- http://www.lipsum.com/ (semble ne pas marcher en ce moment)
- http://lorem.game-on-net.com/

Ahhh d'accord
C'est vraiment bête des fois, javais zappé ce genre de détails merci de m'avoir ouvert les yeux
En revanche le décalage de la boite "Espace Pro" entre FF et IE me pose un réel problème et je ne vois vraiment pas comment le régler

Le problème vient certainement de là mais j'en sais rien :

div#panneau
{
float:left;
width:150px;
padding:0px;
margin:15px 0px 15px 15px;
}

A noter que #panneau est un div qui est censé encadrer les cadres qui se trouvent a gauche, pour que ca reste en place si il y'en as plus d'un.
Modifié par IndianaJones (31 Aug 2007 - 10:05)

Re',

on dirait bien le double margin bug d'IE . Pour s'en débarasser il suffit de rajouter display : inline à ton div#panneau...

A+

Ouah super ca marche

Merci beaucoup j'aurais jamais pensé à ca
C'est quand même un peu la loose ces bugs à la noix

-Résolu- i suppose
Modifié par IndianaJones (31 Aug 2007 - 11:39)