Partage
  • Partager sur Facebook
  • Partager sur Twitter

Problême avec mon menu flottant

ZéroCool
    4 mai 2006 à 21:25:17

    Bonjour tout le monde !
    Voila en fait je vais faire un site perso (en s'en fou ^^ ), mais j'ai un problême avec le CSS; me site fait 900 pixel de large avec une bordure, et j'aimerai avoir l'header qui fait 900px et en dessous à gauche un menu avec une bordure entre le menu et le reste du site (à droite) ... si vous ne comprenez pas, regardez ces codes :
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
            <head>
                    <title>-== Site Web De ZeroCool ==-</title>
                    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
                    <link rel="stylesheet" media="screen" type="text/css" title="Feuille De Style" href="design.css" />
            </head>
            <body>
                    <div id="header">
                    </div>
                    <div id="menu">
                            <p>Texte normal | <a href="#">Lien</a></p>
                    </div>
                    <div id="corps">
                            <strong>Site perso de ZeroMachin ... c'est quoi ça ?</strong> Bah c'est mon site ^^ : site perso, bah, c'est un site qui n'est pas concentré sur un seul sujet, et ZeroCool c'est mon pseudo sur le Web ...<br/>
                            <strong>Et qu'est-ce qu'on peut trouver sur ton site perso ?</strong> De tout :p : des logiciels, astuces
                    </div>
            </body>
    </html>


    CSS
    body {
            width: 900px;
            border: 1px solid green;
            margin: auto;
            margin-top: 10px;
            margin-bottom: 10px;
            color: #1e5a03;
            font-family: tahoma;
            font-size: 12px;
    }

    p {
            margin: 0px;
            padding: 0px;
    }

    #header {
            width: 900px;
            height: 150px;
            background-color: #c4ffba;
            border-bottom: 1px solid green;
    }

    #menu {
            background-color: #d4ffcd;
            width: 150px;
            float: left;
            border-right: 1px solid green;
            margin-right: 5px;
            padding: 5px;
    }

    #corps {
            padding: 5px;
            width: 750px;
            float: right;
    }

    a {
            color: #2f8603;
            text-decoration: none;
    }

    a:hover {
            text-decoration: underline;
    }


    Mais le problême c'est que le menu va en dehors des bordures du site :(
    Ce que j'aimerai c'est un menu un peu comme ce site (petit coucou à Ziir ^^ ) mais seulement à droite, et donc que quand le corps s'agrandit, le menu aussi ...
    Voila j'espere que vous m'avez compris :p
    Merci d'avance !

    EDIT : J'ai fait des essais et maintenant j'ai un big problême, donc si vous pouvez essayer ce serait bien car là je suis bloqué à ce petit stade, je ne sais pas faire le PHP alors :'(
    • Partager sur Facebook
    • Partager sur Twitter

    Problême avec mon menu flottant

    × 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