SITE NET TAILLE FIXE

Mister kach -  
Gihef Messages postés 5165 Statut Contributeur -
Bonsoir

Sur dreamweaver je souhaite faire un site dans une taille fixe exemple 700x500 px
mais je n'y parviens pas.

J'imagine que ce n'est pas grand chose !!!
Mis bon je débute :)

Merci pour vos réponses
A voir également:

2 réponses

Peta-Ouch Nok
 
Utiliser une classe CSS de taille fixe ?
0
Gihef Messages postés 5165 Statut Contributeur 2 779
 
Bonjour,

Ben, pourquoi que TU CRIES ?

Avec DW je ne sais pas.
Si tu acceptes de modifier la source, le code de ta page, tu peux utiliser cette technique, assez simple.
Place l'ensemble de la page dans un bloc (DW appelle ça un calque je crois) principal.
C'est à ce bloc, une <div> (avec la bordure rouge), que tu donneras les dimensions qui te conviennent avec quelques styles en CSS.

Il s'appelle “conteneur” dans cet exemple :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Titre</title>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <style type="text/css">
    html, body {
        margin: 0;
        padding: 0;
        text-align: center;
        }
    #conteneur {
        position: relative;
        margin: 0 auto;
        width: 700px;
        height : 500px;
        text-align: left;
        }
    </style>

</head>
<body>
  <div id="conteneur">

            <!--  et c'est là que tout le reste se place  -->

  </div>
</body>
</html>
Avec un peu de contenu, ça pourrait ressembler à ça.

Comment ? Qu'est-ce que tu dis ?
Ça déborde ?
Tu as raison.

Il suffit d'ajouter une indication au navigateur pour qu'il garde le contenu dans la <div> principale :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Titre</title>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <style type="text/css">
    html, body {
        margin: 0;
        padding: 0;
        text-align: center;
        }
    #conteneur {
        position: relative;
        margin: 0 auto;
        overflow : auto;
        width: 700px;
        height : 500px;
        text-align: left;
        }
    </style>

</head>
<body>
  <div id="conteneur">

            <!--  et c'est là que tout le reste se place  -->

  </div>
</body>
</html>
Ce qui pourrait ressembler à ceci.

Ça marche ?

+ Ce n'est pas un site NET, c'est un site web.
0