Une <div> qui se décale sous IE

Webdesigneuse · 10 Février 2008

Bonsoir à tous,

Voilà, on m'a confié un travail d'intégration mais j'ai un soucis avec une balise div que je n'arrive pas résoudre.

Cette balise se place correctement sous Firefox mais pas sous IE7...

J'ai l'impression que IE interprète mal le margin... mais je me trompe peut-être car je débute en CSS...

Je ne sais plus quoi faire... Si un expert pouvait m'expliquer ce qui ne va pas...

Merci pour votre aide

:blush:

C'est par ici :

http://distantest.surlesailes.com/danse/informations.php

C'est la partie centrale du site qui contient le texte qui se décale... voici donc l'extrait de la CSS :

/* ---------- CENTRE ------------ */
.centre1 /* informations */{width:660px; height: auto; background-color: #f15d28; margin: 39px 0 0 0px;}  
.centre2 /* professionnels */{width:660px; height: auto; background-color: #f91d1d; margin: 39px 0 0 0px;}
.centre3 /* horaires */{width:660px; height: auto; background-color: #e4206f; margin: 39px 0 0 0px;}
.centre4 /* concours */{width:660px; height: auto; background-color: #9f53b5; margin: 39px 0 0 0px;}
.centre5 /* photos */{width:660px; height: auto; background-color: #7cb9d9; margin: 39px 0 0 0px;}
.centre6 /* tarifs */{width:660px; height: auto; background-color: #b3b45f; margin: 39px 0 0 0px;}

et l'html :

.../...

   </head >

<body>
<div id="conteneur">

	  <div class="head1">
	  <div class="logo1"></div>
	  <div class="img1"></div>
	  </div>
	  <div id="adresse">
	  LOREM<br />

	  lorem ipsum delor<br />
	  set amet<br />
	  Tél. 00 00 00 00 00<br />
	  <a href="mailto:truc_AT_machin.fr" style="color: #FFFFFF; font-size: 10px">truc_AT_machin.fr</a><br />
	  </div>
	  <div class="nav1">
	  <ul class="menu"><br />

		<li><a href=""class="white">infos</a></li>
		<li><a href="professeurs.php">professeurs</a></li>
		<li><a href="horaires.php">horaires</a></li>
		<li><a href="concours.php">concours</a></li>
		<li><a href="photos.php">photos</a></li>
		<li><a href="tarifs.php">tarifs</a></li>

	  </ul> 
	  </div>

	  <div id="color1"></div>
	  <div id="color2"></div>
	  <div id="color3"></div>
	  <div id="color4"></div>
	  <div id="color5"></div>
	  <div id="color6"></div>

	  <div class="centre1"><div id="line"></div>

		<p><br />
Lorem:<br /><br />
. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br />
 Aliquam faucibus, nunc nec consequat placerat, velit massa <br /><br />
<br />
laoreet libero, eget consequat erat pede sit amet eros. Duis fringilla<br />
arcu nec leo. Donec lacinia ipsum vitae neque. Aenean ultrices, neque<br />
ut tristique pulvinar, turpis tortor pharetra dui, eu aliquam orci augue sit<br />
amet sapien. Quisque feugiat sodales elit. Phasellus nec eros. Aenean<br /> 
tortor magna, euismod blandit, rhoncus a, tincidunt et, felis. Sed congue<br /> 
tincidunt massa. Ut tristique scelerisque dolor. Curabitur eu est.<br /><br />
Suspendisse potenti. Cum sociis natoque penatibus et magnis dis parturient<br /> 
montes, nascetur ridiculus mus. Phasellus et pede vitae libero viverra dignissim.<br />
<br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
</p>
</div>

<div class="pied1">
<div id="line"></div>
<span><br />
- Conception graphique : Gnagnagna | <a href="http://www.surlesailes.com" target="_blank"> Intégration : Sur Les Ailes</a>  |
   Photos : trucmuch - <br /> 
  - Résolution écran  1024 x 768 | <a href="http://www.mozilla-europe.org/fr/products/firefox/" target="_blank">Firefox</a> conseillé -</span>

 </div>
 </div>
</body>
</html>

Modifié 10 Février 2008 par Webdesigneuse

ghost · 10 Février 2008

Salut,

A priori un excès de positionnement en absolute...

Ta mise en page actuelle n'en nécessite ... aucun (presque)

Revoir (ou voir) le positionnement http://css.alsacreations.com/Faire-une-mis...-sans-tableaux/

avant de "taper" dans le code.

Bon courage.

baulet · 10 Février 2008

différences vues dans IE6/firefox 2.0.0.12 :

les div couleur, qui sont plus hautes sur IE

la marge haute du centre1 plus importante sur IE que sur firefox.

ligne du pied de page en pointillé sur Firefox, pleine sur IE

tes modifs semblent être ok !

hors sujet :

mets plutot un formulaire de contact plutot que de laisser trainer ton adresse email à la vue des spameurs...

Webdesigneuse · 13 Février 2008

Hello !

Merci pour vos réponses...désolée aussi de répondre seulement aujourd'hui...

une urgence avec des soucis matériel (j'en parle d'ailleurs sur un autre post).

Alors... j'ai lu pas mal de choses utiles sur Alsacréation (comme tjs !)...

faut que j'y aille plus souvent sur ce site

Baulet, oui c'est un bon inventaire des différences... elles sont dûes à ce décalage

des div vers le haut semble t'il...

Si ce n'est qu'une question de positionnement excessif en absolut, rien de grave Gost ?

... je vais nettoyer tout ça et si je coince encore je reviens vous ennuyer avec mes questions

Connexion

Une <div> qui se décale sous IE

Sujets conseillés

Webdesigneuse

ghost

baulet

Webdesigneuse

Veuillez vous connecter pour commenter

Parcourir

Activité