28173 sujets

CSS et mise en forme, CSS3

[Résolu] Décalage div sous IE

Florent V. a écrit :

Sinon :
- mets les ul de div#bas à margin: 0; padding: 0;, pour éviter des différences entre les navigateurs (voir la FAQ pour de plus amples explications) ;


C'est fait mais cela me génère du coup un décalage sous ie et non sous firefox et opera.Voici le code incriminé :


        <div id="ancillary">          
          <div class="block">
            <h2>Calendrier</h2>
            <div id="cadrillage">
              <div id="calendrier">
<?php #Affichage du calendrier 
                dcCalendar('<table summary="Calendrier">%s</table>'); ?>
              </div>
            </div>
          </div>          
          <div class="block">
            <h2>Archives</h2>
            <?php dcMonthsList(); ?>
          </div>
          <div class="block">
            <h2>Derni&egrave;res News</h2>
            <?php if ($mode=='cat' || $mode == 'post') : ?>
            <?php endif; ?>
            <?php dcCatRecentPosts() ?>
          </div>
          <div class="block">
            <h2>Avancement Projets</h2>
            <ul>
              <li>
              <a href="">Test</a></li>
            </ul>
          </div>          
        </div>


Florent V. a écrit :

- remettre à plat le style de ul#menu_navigation (et pas #menu_navigation ul...).


C'est fait. Peux tu m'indiquer quelle est la différence entre les deux ?
Modifié par Klesk (18 Apr 2007 - 08:39)
ul#menu_navigation
s'adresse à tous les ul dont l'id est "menu_navigation".

#menu_navigation ul
s'adresse à tous les ul qui se trouvent dans un élément dont l'id est "menu_navigation".
Merci beaucoup pour cet éclaircissement.

As tu une idée quand à mon problème de décalage sous IE ??

Je précise que je l'ai constaté sous IE6 je n'ai pas encore testé sous IE7.

PS: je viens de vérifier le problème ne se pose pas sous IE7 Smiley smile
Modifié par Klesk (13 Apr 2007 - 19:21)
Bonsoir,

Tu nous indique le code source de ton site ...
Mais pas le css qui lui est appliqué ... Smiley sweatdrop

Ca revient un peu à nous donner la boussole sans la carte ! Smiley langue
Sans cela, nous allons avoir du mal à t'aider.

Concernant ton problème, as-tu (à tout hasard) bien définit un Doctype en en-tête de ton document ?
Car sans cela, la version 6 d'IE passera en mode Quirks.
Avant tout chose, corrige ce problème-ci : tu as deux <div> qui possèdent le même identifiant.
Il s'agit de <div id="infos_post">.

Cela peut provoquer un certain nombre de problèmes...
Avec un peu de chance, ça règlera le tien. Smiley langue
C'est corrigé en effet j'avais mis id au lieu de class. Smiley smile Visiblement ça ne résoud pas le problème.
Modifié par Klesk (13 Apr 2007 - 23:28)
a écrit :
Concernant ton problème, as-tu (à tout hasard) bien définit un Doctype en en-tête de ton document ?
Car sans cela, la version 6 d'IE passera en mode Quirks.


Oui c'est défini : 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


Voici le résultat sous IE6 :

http://img138.imageshack.us/img138/9830/ie6iq7.jpg
Modifié par Klesk (16 Apr 2007 - 13:32)
Je désespère j'ai beau tout essayer ça ne change rien, je vais faire par élimination en dégageant tout le code sauf ça de façon à voir si cela n'est pas hérité étant donné que je ne suis pas hyper alaise avec ces notions encore.

SI quelqu'un sait d'ou cela peut venir ça me retirerai une bonne épine du pied et surtout j'aimerai comprendre pourquoi ce comportement appaorat sous ie 6.

merci
J'ai isolé le problème qui semble etre lié à l'application d'un float:right dans #menu_navigation li a. Je l'ai enlevé,cela résoud le problème d'alignement en dessous mais me fou en l'air celui du menu.

:S
Sujet clos
Aller à