Brdure qui ne bouge pas html

zakariamajid Messages postés 1 Date d'inscription   Statut Membre Dernière intervention   -  
s.spark Messages postés 2485 Date d'inscription   Statut Contributeur Dernière intervention   -
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
A voir également:

6 réponses

zakariamajid
 
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
s.spark Messages postés 2485 Date d'inscription   Statut Contributeur Dernière intervention   618
 
Salut,

Le contenu du site est en un block avec un overflow.
0
zakariamajid
 
Bonjour,
merci s.spark
svp coment jepourai mi prendre pour faire le meme sur mon site ?
0
s.spark Messages postés 2485 Date d'inscription   Statut Contributeur Dernière intervention   618
 
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>
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
s.spark Messages postés 2485 Date d'inscription   Statut Contributeur Dernière intervention   618
 
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.
0
s.spark Messages postés 2485 Date d'inscription   Statut Contributeur Dernière intervention   618
 
C'est une image.
0