Partage
  • Partager sur Facebook
  • Partager sur Twitter

Probleme de compatibilite FF / IE

Le texte descend avec IE !!

    14 janvier 2006 à 4:52:46

    Bonjour,
    Voila, j'ai presque terminé la conception de mon site mais malheureusement j'ai un probleme de comptabilite entre le navigateur FF et IE . Sur ce premier, la page Index marche parfaitement, tout va comme je le désire mais voila qu'avec IE les problemes commencent. En fait mon systeme de news au centre de la page se retrouve tout en bas de la page, en dessous de tout le texte, alors que je ne veux surtout pas ca. J'ai beau chercher mais je ne trouve pas la solution a mon probleme. Je crois avoir compris que le probleme a rapport avec le css mais je ne sais pas du tout comment faire.
    Alors si certains d'entre vous pourrez m'aider, ca serait avec plaisir.
    Allez je vous laisse decouvrir par vous meme: www.esculham2005.elludovico.co.uk
    Merci d'avance
    Ludovic
    • Partager sur Facebook
    • Partager sur Twitter
      14 janvier 2006 à 23:07:49

      Réduit la la taille de ton corps au centre ...

      Sinon tu as un petit problème dans ton script : il dis que je suis venue la premiere fois sur ton site le 01/01/1970 (date de mise ne route du timestamp) alors que j'étais même pas né :lol:
      • Partager sur Facebook
      • Partager sur Twitter
      Rikudo.fr Jeu de Rikudo gratuit et en ligne - Rikudo-puzzle.com (EN) - Rikudo.pl (PL) Tutoriel : La sémantique HTML / Un menu horizontal
        14 janvier 2006 à 23:19:37

        Salut,
        Bein alors tout d'abord we le script de visite, je sens que je vais le retirer, il sert a pas grand chose.
        Et sinon pour mon probleme de CSS, j'ai beau "jouer" avec mon fichier css et je trouve pas le moyen d'arranger le probleme, a chaque fois je me retrouve avec des trucs vraiment bizarres.
        Voila mon fichier .css:

        Citation : .css


        body{
        background:#e0e0e0 url(img/bodybg.gif) repeat-x;
        color:#505050;
        font:76% Georgia,Verdana,Tahoma,Arial,sans-serif;
        margin:0;
        padding:0;
        text-align:center;
        }

        p{
        line-height:1.5em;
        margin:0 0 15px;
        }

        a{
        color:#fa9035;
        font-weight:700;
        text-decoration:none;
        }

        a:hover{
        color:#d04a10;
        }

        hr{
        height:1px;
        margin:10px 0;
        width:98%;
        }

        dt{
        font-weight:700;
        }

        dd{
        margin:1px 0 12px 15px;
        }

        #container{
        background:#c0c0c0 url(img/bodybg.gif) repeat-x;
        margin:0 auto;
        text-align:left;
        width:752px;
        }

        #sitename{
        background:url(img/hjg) top center no-repeat;
        color:#ffffff;
        font-weight:400;
        height:70px;
        margin:0 20px 10px 0;
        text-align:center;
        }

        #sitename h1{
        font-size:2.2em;
        margin:0;
        padding-top:20px;
        }

        #sitename span{
        font-size:1.6em;
        letter-spacing:-1px;
        margin:0;
        }

        #nav{
        background:url(img/greypx.gif) bottom left repeat-x;
        float:left;
        width:752px;
        }

        #nav ul{
        list-style:none;
        margin:0;
        padding:0;
        }

        #nav a{
        background:url(img/tabs.gif) no-repeat 100% 0;
        color:#808080;
        display:block;
        font-size:1.2em;
        letter-spacing:-1px;
        padding:7px 20px 4px 11px;
        text-decoration:none;
        }

        #nav a:hover{
        color:#505050;
        }

        #nav li{
        background:url(img/tabs.gif) no-repeat 0 0;
        float:left;
        margin:0 4px 0 0;
        padding:0 0 0 9px;
        }

        #nav #current{
        background:url(img/tabs.gif) no-repeat 0 -41px;
        }

        #nav #current a{
        background:url(img/tabs.gif) no-repeat 100% -41px;
        color:#303030;
        padding:7px 20px 5px 11px;
        }

        #wrap1{
        background:#ffffff url(img/innerbg.gif) repeat-y;
        border-bottom:1px solid #808080;
        border-left:1px solid #808080;
        border-right:1px solid #808080;
        clear:both;
        padding:0;
        width:750px;
        }

        #wrap2{
        background:url(img/header.jpg) top left no-repeat;
        padding:10px;
        width:730px;
        }

        #header{
        height:30px;
        position:relative;
        width:730px;
        }

        #header h1{
        float:left;
        font-size:1.4em;
        margin:0;
        width:180px;
        }

        #topbox{
        color:#808080;
        margin:0 0 4px;
        text-align:right;
        }

        #topbox a{
        color:#d04a10;
        }

        #topbox a:hover{
        text-decoration:underline;
        }

        #leftside{
        float:left;
        margin:-15px 0 0;
        width:145px;
        }

        #leftside h1{
        font-size:1.4em;
        font-weight:400;
        }

        #rightside{
        float:right;
        margin:40px 15px 20px 0;
        width:130px;
        }

        #rightside h1{
        font-size:1.4em;
        font-weight:400;
        margin:0 0 12px;
        }

        #rightside p{
        font-size:0.9em;
        margin:2px 0 12px 10px;
        }

        #rightside img{
        border:1px solid #fa9035;
        margin:10px 0 5px 5px;
        padding:2px;
        }

        #content{
        margin:45px 160px 0 180px;
        }

        #contentalt{
        margin:45px 15px 0 180px;
        }

        #content p,#contentalt p{
        margin:8px 0 0 10px;
        }

        #content h1,#contentalt h1{
        color:#505050;
        font-size:2em;
        font-weight:400;
        margin:15px 0 10px;
        padding:0;
        }

        #content h2,#contentalt h2{
        color:#505050;
        font-size:1.5em;
        font-weight:400;
        margin:20px 0 10px;
        padding:0;
        }

        #content img,#contentalt img{
        border:1px solid #fa9035;
        float:left;
        margin:5px 15px 6px;
        }

        #footer{
        clear:both;
        color:#a0a0a0;
        font-size:0.9em;
        height:26px;
        margin-top:20px;
        padding:1px;
        text-align:right;
        width:730px;
        }

        #footer a{
        color:#a0a0a0;
        font-weight:400;
        }

        #footer a:hover{
        color:#a0a0a0;
        text-decoration:underline;
        }

        .menublock{
        margin-bottom:10px;
        }

        .nav{
        color:#d04a10;
        display:block;
        font-size:1.1em;
        font-weight:700;
        margin-bottom:1px;
        padding:2px 2px 2px 10px;
        position:relative;
        text-decoration:none;
        width:125px;
        }

        .nav:hover{
        border:1px solid #fa9035;
        color:#505050;
        padding:1px 1px 1px 9px;
        }

        .sub{
        font-size:0.9em;
        margin-left:20px;
        padding:1px 1px 1px 6px;
        width:105px;
        }

        .sub:hover{
        border:1px solid #fa9035;
        color:#505050;
        padding:0 0 0 5px;
        }

        .intro{
        font-weight:700;
        }

        .active{
        border:1px solid #fa9035;
        padding:1px 1px 1px 9px;
        }

        .box{
        background:#f8f8f8 url(img/boxbg.gif) top left repeat-y;
        border:1px solid #d0d4d4;
        color:#505050;
        margin:15px auto;
        padding:10px 10px 10px 20px;
        width:75%;
        }

        .photo{
        margin:5px auto 15px;
        padding:5px;
        }

        .smallcaps{
        font-variant:small-caps;
        }

        .mini{
        color:#a0a0a0;
        font-size:0.75em;
        font-weight:400;
        line-height:1.2em;
        margin:20px 0 10px 8px;
        }

        .small{
        font-size:0.85em;
        }

        .large{
        font-size:1.4em;
        }

        .soft{
        color:#808080;
        }

        .normal{
        font-weight:400;
        }

        .sharp{
        color:#101010;
        }

        .center{
        text-align:center;
        }

        .hide{
        display:none;
        }



        Que dois-je changer pour que tout marche bien avec ce "super" IE ??
        Merci encore!!
        Ludovic
        • Partager sur Facebook
        • Partager sur Twitter
          15 janvier 2006 à 0:27:57

          Reduis les marges de ton #content
          ex :

          #content{
          margin:45px 150px 0 170px;
          }


          ==> 10px en moins à droite et à gauche
          • Partager sur Facebook
          • Partager sur Twitter
          Rikudo.fr Jeu de Rikudo gratuit et en ligne - Rikudo-puzzle.com (EN) - Rikudo.pl (PL) Tutoriel : La sémantique HTML / Un menu horizontal
            15 janvier 2006 à 0:55:22

            Salut,
            Alors, j'ai mis mes marges a 140px et 150px . Ca s'ameliore comme maintenant j'ai plus la barre blance a droite avec IE, mais par contre mon systeme de news ne remonte toujours pas.
            En fait, vous pensez pas qu'il y aurait maintenant quelque chose a modifier au niveau de mon systeme de news?? Comme niveau .css de ma page index je pense avoir atteint le max d'elargissement comme sinon le texte sera plus bien passer.
            Enfin, tout ca, c'est ce que je pense apres je sais pas vraiment en fait.
            Avez vous des idees??
            Merci encore
            Ludovic
            • Partager sur Facebook
            • Partager sur Twitter

            Probleme de compatibilite FF / IE

            × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
            × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
            • Editeur
            • Markdown