Mise en forme page web
samsoumitta
Messages postés
29
Statut
Membre
-
samsoumitta Messages postés 29 Statut Membre -
samsoumitta Messages postés 29 Statut Membre -
Bonjour,
je veut partager une page web en 3 partie: entête, menu (partie gauche) et contenu (partie droite) et je veut que leurs tailles soit égale à la taille du fenêtre càd la hauteur de l'entête et la largeur du menu sont fixe et les autre dimensions varies selon la fenêtre.
j'ai utilisé la balise div et une feuille de style CSS mais ça ne marche pas
voici le code (j'ai utilisé les couleur pour distinguer les 3 parties, il s'agit d'une page aspx):
help.css
j'attend votre réponse
je veut partager une page web en 3 partie: entête, menu (partie gauche) et contenu (partie droite) et je veut que leurs tailles soit égale à la taille du fenêtre càd la hauteur de l'entête et la largeur du menu sont fixe et les autre dimensions varies selon la fenêtre.
j'ai utilisé la balise div et une feuille de style CSS mais ça ne marche pas
voici le code (j'ai utilisé les couleur pour distinguer les 3 parties, il s'agit d'une page aspx):
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="../Style/help.css" />
</head>
<body>
<form id="form1" runat="server">
<div id="content">
<div id="entete">
<p>entête</p>
</div>
<div id="partie_gauche">
<p>partie gauche</p>
</div>
<div id="partie_droite">
<p>partie droite</p>
</div>
</div>
</form>
</body>
</html>
help.css
body
{
width: 100%;
height: 100%;
margin: auto;
margin-bottom: 20px;
text-align: center;
}
#entete
{
background-color:#0041db;
width: 100%;
height: 50px;
margin: auto;
border-width: 1px;
}
#partie_gauche
{
background-color: #00b3ff;
float: left;
width: 170px;
padding: 0px;
}
#partie_droite
{
background-color: #d6f5ff;
float: left;
height: 100%;
padding: 0px;
}
j'attend votre réponse
A voir également:
- Mise en forme page web
- Mise en forme conditionnelle excel - Guide
- Web office - Guide
- Supprimer page word - Guide
- Mise en forme tableau croisé dynamique - Guide
- Comment traduire une page web - Guide
6 réponses
Bonjour,
Etant un débutant dans l'univers si vaste de la programmation, je ne peux répondre avec certitude à ta demande, mais pour ma part, l'erreur vient du fait que tu utilise : "<form id="form1" runat="server">" | </form> et "<div id="content">" | </div>.
Il te suffit juste de mettre
<div id="entete">
<p>entête</p>
</div>
<div id="partie_gauche">
<p>partie gauche</p>
</div>
<div id="partie_droite">
<p>partie droite</p>
</div>
et tu laisse ton fichier CSS tel quel et puis voilà.
Moi, je ferais comme cela... Apres, ai-je raison, ai-je tord...
En espérant t'avoir aidé,
Yob'
Deux choses sont infinies : l’Univers et la bêtise humaine. Mais, en ce qui concerne l’Univers, je n’en ai pas encore acquis la certitude absolue.
Albert Einstein
Etant un débutant dans l'univers si vaste de la programmation, je ne peux répondre avec certitude à ta demande, mais pour ma part, l'erreur vient du fait que tu utilise : "<form id="form1" runat="server">" | </form> et "<div id="content">" | </div>.
Il te suffit juste de mettre
<div id="entete">
<p>entête</p>
</div>
<div id="partie_gauche">
<p>partie gauche</p>
</div>
<div id="partie_droite">
<p>partie droite</p>
</div>
et tu laisse ton fichier CSS tel quel et puis voilà.
Moi, je ferais comme cela... Apres, ai-je raison, ai-je tord...
En espérant t'avoir aidé,
Yob'
Deux choses sont infinies : l’Univers et la bêtise humaine. Mais, en ce qui concerne l’Univers, je n’en ai pas encore acquis la certitude absolue.
Albert Einstein
Et en utilisant un tableau ?
<html>
<head>
<title></title>
</head>
<body>
<table border="0">
<tr>
<td height="33%"></td>
</tr>
<tr>
<td height="33%"></td>
</tr>
<tr>
<td height="33%"></td>
</tr>
</table>
</body>
</html>
<html>
<head>
<title></title>
</head>
<body>
<table border="0">
<tr>
<td height="33%"></td>
</tr>
<tr>
<td height="33%"></td>
</tr>
<tr>
<td height="33%"></td>
</tr>
</table>
</body>
</html>
Et en utilisant un tableau ?
Et en codant en html 2.0... mais oui bien sûr [soupir...]
Tes parties droites et gauches sont flottantes, il y en a une trop.
Tu laisses ta partie gauche flottante, tu enlèves le float de ta partie droite, mais par contre tu lui rajoutes un margin-left de 180 pixels pour qu'elle ne superpose pas avec la partie gauche.
Et en codant en html 2.0... mais oui bien sûr [soupir...]
Tes parties droites et gauches sont flottantes, il y en a une trop.
Tu laisses ta partie gauche flottante, tu enlèves le float de ta partie droite, mais par contre tu lui rajoutes un margin-left de 180 pixels pour qu'elle ne superpose pas avec la partie gauche.
tu as essayé les différents codes, avec différents navigateurs ?
parcequ'en utilisant les tableaux, j'arrive très bien à afficher mon code PHP
(j'ai un peu la même structure que toi, mais j'utilise des include () . M'enfin ca revient au même ^^ )
parcequ'en utilisant les tableaux, j'arrive très bien à afficher mon code PHP
(j'ai un peu la même structure que toi, mais j'utilise des include () . M'enfin ca revient au même ^^ )
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Faut arrêter avec les tableaux !! C'est d'un autre âge !
Les tableaux sont fais pour des données tabulaires, pas pour de la mise en page
samsoumitta, je t'ai donné la solution pour la largeur.
As-tu corrigé ton code ?
La hauteur, c'est moins facile.
Cela dit, ces gabarits peuvent t'aider : http://www.alsacreations.com/static/gabarits/liste.html
Les tableaux sont fais pour des données tabulaires, pas pour de la mise en page
samsoumitta, je t'ai donné la solution pour la largeur.
As-tu corrigé ton code ?
La hauteur, c'est moins facile.
Cela dit, ces gabarits peuvent t'aider : http://www.alsacreations.com/static/gabarits/liste.html
