Discussion :

[eluus]

Bonjour tout le monde!
Je suis un débutant en HTML/PHP/CSS et je voulais vous demander de l'aide pour la mise en page de mon site : http://benjamin.neveux.perso.sfr.fr/

En effet, suivant la résolution des écrans, quelques défauts apparaissent, surtout pour les grandes résolution (c-a-d supérieur à 1280*...). Pour ces dernières, le bas cadre rouge devient très très grand, or je voudrais que celui-ci soit de la même taille qu'en haut, pour toutes les résolutions (et donc que ce soit le cadre noir qui "grandisse").

j'espère que vous comprenez mon problème qui me désespère depuis quelques temps et que vous arriverez à m'aider.
Merci!

PS : je me suis servi d'un CSS (modele05) déjà existant...

[12monkeys]

Bonsoir

Il ne faut pas déclarer ta couleur rouge sur le body.

Ensuite tu as plusieurs solutions : soit déclarer la couleur sur le div id="global", soit créer un div englobant le id="global" et sur lequel déclarer la couleur, en mettant les padding nécessaires...

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<div style="background-color: red; padding: 40px;">
 
  <div id="global">
 
	<div id="entete">
...
	  </div><!-- #contenu -->
 
  </div>
 
</div><!-- #global -->

[eluus]

Merci de la réponse, mais cela ne change rien au problème, soit j'ai un cadre blanc, soit j'ai toujours un cadre rouge, qui est très grand en bas sur les hautes résolutions...

[12monkeys]

Ok, c'est plus clair là.

Il faut mettre height:100% à html, body et à l'id global

Code :

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

1
2
3
4
5
6
7
html, body {
    height : 100%;
}
 
#global {
    height : 100%;
}

[eluus]

Merci beaucoup, ça marche nickel!

[eluus]

En fait, ca ne marche pas, cela découpe mon texte en plein milieu



Et c'est valable pour Firefox.
Le seul moyen de ne pas avoir ça est de ne mettre 100% qu'a Body, mais à ce moment là je n'ai plus de marge en bas...