Brdure qui ne bouge pas html

Bonjour,
je voudrai savoir comment je doit m'y prendre pour rjouter un bordure qui ne bouge pas quand on dessand la page (en html) comme sur ce sit http://www.chien.com/index16.html
merci d'avance
Configuration: Windows XP
Internet Explorer 6.0

6 réponses

  1. Bonjour,
    MERCI BEAUCOUP CA MA VREMMENT AIDER
    tu purai me dire commn faire pour arrondire langle forme par la "bordure" n haut a gauche (comme sur le site ke jai mentionner ds mon premier message
    merci
    1. Contributeur
      Salut,

      Le contenu du site est en un block avec un overflow.
      1. Bonjour,
        merci s.spark
        svp coment jepourai mi prendre pour faire le meme sur mon site ?
        1. Contributeur
          Je viens de faire un bout de code valide xhtml strict 1.0, il fonctionne sous Firefox, Opera et Internet explorer 7 mais pas le 6. Je n'ai pas envi de passer plus de temps à trouvé autre chose qui fonctionne sous IE6.

          <!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"
          lang="fr">
            <head>
            <title></title>
            <meta http-equiv="Content-Type" content="text/html;
          charset=iso-8859-1" />
            <style type="text/css">
            <!--
            body {
            margin: 0;
            padding: 0;
            }
            
            #header{
            position:absolute;
            top: 0;
            width: 100%;
            background-color: red;
            height: 150px;
            }
            
            #menu{
            position:absolute;
            width:200px;
            left:0;
            top: 150px;
            bottom: 50px;
            background-color: green;
            overflow: auto;
            }
          
            #contenu{
            position:absolute;
            left: 0;
            right: 0;
            margin-left: 200px;
            top: 150px;
            bottom: 50px;
            background-color: yellow;
            overflow: auto;
            }
          
            #footer{
            position:absolute;
            width:100%;
            bottom: 0;
            height: 50px;
            background-color: blue;
            }
            -->
            </style>
            </head>
            <body>
              <div id="header"><h1>Banière</h1></div>
              <div id="menu"><h3>Menu</h3></div>
              <div id="contenu"><h2>Contenu</h2>
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
                test<br />
              </div>
            <div id="footer">Pied de page</div>
            </body>
          </html>
          1. Contributeur
            J'ai fais un autre bout de code compatible avec Internet Explorer 6 cette fois, mais c'est beaucoup moins intéressant puis que la hauteur est limité pour éviter d'avoir une double scroll barre verticale. Du coup on ne prend pas toute la surface de l'écran de l'utilisateur.

            Edit : finalement je ne donne pas le code car le remède est pire que le mal.