Webdesigneuse Posté 10 Février 2008 Partager Posté 10 Février 2008 (modifié) 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 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 Lien vers le commentaire Partager sur d’autres sites More sharing options...
ghost Posté 10 Février 2008 Partager Posté 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. Lien vers le commentaire Partager sur d’autres sites More sharing options...
baulet Posté 10 Février 2008 Partager Posté 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... Lien vers le commentaire Partager sur d’autres sites More sharing options...
Webdesigneuse Posté 13 Février 2008 Auteur Partager Posté 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 Lien vers le commentaire Partager sur d’autres sites More sharing options...
Sujets conseillés
Veuillez vous connecter pour commenter
Vous pourrez laisser un commentaire après vous êtes connecté.
Connectez-vous maintenant