Discussion :

[ChrisV]

Bonjour,

Dans article publié ici même en date du 14/01//2008 (http://css.developpez.com/tutoriels/pseudo-frames/), concernant la mise en application des cadres CSS permettant de simuler un cadre HTML, j'aurai souhaité que les parties haute et basse, l'en-tête et le pied de page pour reprendre une similitude plus proche de mon niveau en développement web (...), occupent la totalité de l'espace horizontal disponible, tout en conservant la partie centrale réduite par des marges gauche et droite.
Ce type de présentation est-elle envisageable ?
Merci d'avance pour vos réponses.

ChrisV

[mick8569]

A priori oui, il suffit de modifier la largeur de l'en-tête et de ton pied de page dans ta css...

[ChrisV]

A priori oui, il suffit de modifier la largeur de l'en-tête et de ton pied de page dans ta css...

Heuh... et comment fait-on ?
quels paramètres dois-je modifier ou ajouter...?

ChrisV

[Shaidak]

Bonjour,

Il n'y a pas beaucoup de choses qui ne soient pas envisageable, après tout dépend de la "portabilité" (si je puis dire) de ce que tu veux faire (fonctionnement sous firefox, ie6 ? etc ...)

Pour ta demande, normalement cela fonctionnera partout, il te suffit de jouer sur la largeur du cadre central et de demander à ton en-tête et ton pied de page de prendre toute la place disponible en largeur.

Ceci étant, il faudrait que tu précises ce que tu souhaites utiliser pour le header (image seule ? image sur couleur ...) ainsi que pout ton footer parceque visuellement, s'il s'agit d'une image, elle ne s'agrandira pas si tu utilises du css avec xhtml uniquement ...

[ChrisV]

Bonjour,

Il n'y a pas beaucoup de choses qui ne soient pas envisageable, après tout dépend de la "portabilité" (si je puis dire) de ce que tu veux faire (fonctionnement sous firefox, ie6 ? etc ...)

Pour ta demande, normalement cela fonctionnera partout, il te suffit de jouer sur la largeur du cadre central et de demander à ton en-tête et ton pied de page de prendre toute la place disponible en largeur.

Ceci étant, il faudrait que tu précises ce que tu souhaites utiliser pour le header (image seule ? image sur couleur ...) ainsi que pout ton footer parceque visuellement, s'il s'agit d'une image, elle ne s'agrandira pas si tu utilises du css avec xhtml uniquement ...

Merci de ton intérêt et du suivi,
Le header ainsi que le footer ne comportera que des liens ht, comme dans l'exemple de l'article publié en janvier...
Et comme je suis une vrais bille avec les CSS, je ne sais pas quoi modifier ou ajouter pour aboutir au résultat escompté...

ChrisV

[Shaidak]

Bonjour,

alors tout d'abord, si tu veux que ton tableau du milieu soit centré et ait une largeur fixe :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
#header {
width: 100%;
// ...
}
#content {
width: 60%; // ou une taille fixe genre 430px;
margin: auto; // Permet de centrer automatiquement, tu peux par la suite
// définir dautres margin par exp margin-left: 15px;
// ...
}
#footer {
width: 100%;
// ...
}

n'étant pas spécialiste de ce type d'utilisation css je ne peux rien te garantir ...

Edit: ayant vu le cours rapidement, tu devras peut-être égalment modifier :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
html, body 
{
  margin: auto;
  width: 100%;
  height: 100%;
}