Partage
  • Partager sur Facebook
  • Partager sur Twitter

Probleme CSS

Probleme IE et pied de page

Varouj
    4 avril 2006 à 22:18:11

    Bonsoir,j'ai crée un design puis j'ai commencé à le coder, j'ai utilisé le CSS mais j'ai un probleme qui je pense à une solution toute bete..
    Mon probleme et le suivant lorsque je suis sur Firefox mon design ce place au milieu de la page, et lorsque je suis sur IE mon design est mis à gauche :(
    J'aurais aimé savoir comment arranger ce probleme afin d'avoir le design au milieu.
    Par ailleurs j'ai un autre probleme c'est que dans ma page lorsque j'ai un petit texte de queleques mots dans le "corps", mon pied de page remonte et donc ce place a droite de mon menu de gauche.
    J'aurais aimé savoir comment faire pour que quelque sois la longueur du texte, mon pied de page se trouve toujours en bas.
    J'espere avoir été clair...
    Voici mon code CSS :
    /* CSS Document crée par Varouj le 3/04/2006 a 23:43 */

    body
    {
            background-color: #9F392B; /* fond */
            width: 881px;
            height: 831px;
            margin: auto; /* centrer page */
            margin-top: 10px; /* Haut du navigateur */
            margin-bottom: 10px;    /* Bas du navigateur */
    }

    #en_tete
    {
            background-image: url(images/header.gif);
            background-repeat: no-repeat;
            background-position: center center;
            height: 239px;
            width: 881px;
            border: Aucune;
            left: auto;
            top: auto;
            right: auto;
            bottom: auto;
    }

    /* ------Le menu------ */

    #menu
    {
       float: left; /* Le menu à gauche */
       width: 264px; /* Taille du menu */
       font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
       text-align: center;
    }
    }

    #menu a /* Les liens du menu */
    {
       color: #B3B3B3;
       
    }

    #menu a:link {
       font-weight: bold;
       color: #9F392B;
       text-decoration: none;
    }

    #menu a:visited {
       font-weight: bold;
       color: #9F392B;
    }

    #menu a:hover /* pointe sur un lien */
    {
       background-color: #9F392B;
       color: black;
    }

    #menu_haut
    {
            height: 24px ; width: 264px ;
            background-image: url(images/menu_haut.gif);
            background-repeat: no-repeat;
            margin-bottom: 0px
    }

    #menu_1
    {
            height: 50px ; width: 264px ;
            background-image: url(images/menu_1.gif);
            background-repeat: no-repeat;
            margin-bottom: 0px
    }

    #menu_2
    {
            height: 56px ; width: 264px ;
            background-image: url(images/menu_2.gif);
            background-repeat: no-repeat;
    }

    #menu_3
    {
            height: 51px ; width: 264px ;
            background-image: url(images/menu_3.gif);
            background-repeat: no-repeat;
    }
    #menu_4
    {
            height: 57px ; width: 264px ;
            background-image: url(images/menu_4.gif);
            background-repeat: no-repeat;
    }
    #menu_5
    {
            height: 51px ; width: 264px ;
            background-image: url(images/menu_5.gif);
            background-repeat: no-repeat;
    }

    #menu_6
    {
            height: 48px ; width: 264px ;
            background-image: url(images/menu_6.gif);
            background-repeat: no-repeat;
    }

    #menu_7
    {
            height: 59px ; width: 264px ;
            background-image: url(images/menu_7.gif);
            background-repeat: no-repeat;
    }

    #menu_8
    {
            height: 43px ; width: 264px ;
            background-image: url(images/menu_8.gif);
            background-repeat: no-repeat;
    }

    #menu_9
    {
            height: 42px ; width: 264px ;
            background-image: url(images/menu_9.gif);
            background-repeat: no-repeat;
    }

    #menu_bas
    {
            height: 23px ; width: 264px ;
            background-image: url(images/menu_bas.gif);
            background-repeat: no-repeat;
    }


    #corps {
            margin-left: 264px; /* Marge à gauche*/
            margin-bottom: 20px; /* Eviter que le corps colle trop au pied de page */
            padding: 5px; /* Eviter que le texte du corps colle à la bordure */
            width: 617px;
            height: auto;
            background-image: url(images/corps.gif);
            background-repeat: no-repeat;
            border: Aucune;
            left: auto;
            top: auto;
            right: auto;
            bottom: auto;
    }

    #pied_de_page {
            padding: 5px;
            border: Aucune;
            background-image: url(images/bas.gif);
            background-repeat: no-repeat;
            height: 88px;
            width: 881px;
    }

    p {
       font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
    }

    Merci d'avance...
    Varouj
    EDIT --> Je viens de réussir à mettre le pied de page en bas systématiquement, reste plus qu'à centrer la page sur IE.
    Pourriez vous m'aider à centrer ma page sur IE tout en sachant que sur Firefox elle est deja centrée.
    • Partager sur Facebook
    • Partager sur Twitter

    Probleme CSS

    × 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