Brdure qui ne bouge pas html

Fermé
zakariamajid Messages postés 1 Date d'inscription dimanche 4 novembre 2007 Statut Membre Dernière intervention 4 novembre 2007 - 4 nov. 2007 à 03:32
s.spark Messages postés 2485 Date d'inscription vendredi 29 octobre 2004 Statut Contributeur Dernière intervention 13 février 2018 - 5 nov. 2007 à 17:37
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
4 nov. 2007 à 23:23
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 vendredi 29 octobre 2004 Statut Contributeur Dernière intervention 13 février 2018 618
4 nov. 2007 à 18:36
Salut,

Le contenu du site est en un block avec un overflow.
0
zakariamajid
4 nov. 2007 à 21:54
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 vendredi 29 octobre 2004 Statut Contributeur Dernière intervention 13 février 2018 618
4 nov. 2007 à 22:33
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 vendredi 29 octobre 2004 Statut Contributeur Dernière intervention 13 février 2018 618
4 nov. 2007 à 22:55
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 vendredi 29 octobre 2004 Statut Contributeur Dernière intervention 13 février 2018 618
5 nov. 2007 à 17:37
C'est une image.
0