18073 sujets

Questions générales et questions de débutants

Hauteur de la page pour toutes les div

Bonjour

Je commence à comprendre des choses,(merci, les tutos etle bouqin que je viens juste de commencer), mais là, je bloque pour l'instant pour que mes div occupent toute la largeur de la page ici : http://testspip38.free.fr

les styles sont dans /squelettes/habillage.css

Merci de votre aide Smiley smile
Administrateur
Bonjour et bienvenuE,

Je ne sais pas à quoi c'est dû, peut-être une des nombreuses propriétés par défaut des navigateurs que ta feuille de style ne modifie pas, mais voici comment contourner le problème:
rajouter en haut de la feuille de style 
*{
margin:0;
padding:0;}

qui va remettre à zéro tous les padding et margin d'un peu tout.

Ce n'est pas une technique unanimement appréciée me semble-t'il, mais elle est efficace Smiley lol

Felipe


EDIT: auto-modération Smiley biggol les balises [ code] [/code]
EDIT2: la recherche d'* étant difficile, celle de "sélecteur universel" donne des résultats (encore faut-il savoir le nommer), par exemple: discussion de l'an dernier
Modifié par Felipe (26 Sep 2005 - 12:15)
Merci du coup de main. J'ai essayé ta solution.

Verdict : pas mieux Smiley decu

C'est même plutôt moins bien puisque ça réduit encore la taille de certains div.
Bonjour,

Pourtant je viens de tester la méthode proposée par Felipe:
*{margin:0;padding:0;}

qui fonctionne, ta page occupant toute la largeur disponible.

Une chose étrange j'utilise Edit Css (extension Firefox) et ta feuille de style habillage.css apparaît en 4 exemplaires, ce que je ne m'explique pas.

<édit>Je viens si ce n'est comprendre de voir plusieurs appels à cette feuille dans ta page en dehors du <head>:
<div class="entete">
[b]<link href="/squelettes/habillage.css" rel="stylesheet" type="text/css">[/b]
<div class="titre_site"><img src="/squelettes/images/bandeau.gif" width="100%"></div>
<div class="carte"><img src="/squelettes/images/carte-01.gif" width="100%"></div>[b]<link href="/squelettes/habillage.css" rel="stylesheet" type="text/css">[/b]
<style type="text/css">
<!--
.Style1 {color: #6E4E0D}
-->
</style>

</édit>
<édit2>Il y a également plusieurs <body> dans ta page:
<body class="fond_menu">

A mon sens il faudrait revoir fortement ton code, tu gagnerais à le simplifier, et la combinaison de tables et ses cellules avec la mises en page css produit dans ce cas précis des dysfonctionnements totalement imprévisibles.</édit2>
Modifié par Igor (26 Sep 2005 - 13:46)
a écrit :
qui fonctionne, ta page occupant toute la largeur disponible.

Oui, mais c'est en hauteur que ça va pas.

a écrit :
Une chose étrange j'utilise Edit Css (extension Firefox) et ta feuille de style habillage.css apparaît en 4 exemplaires, ce que je ne m'explique pas.

<édit>Je viens si ce n'est comprendre de voir plusieurs appels à cette feuille dans ta page en dehors du <head>:


J'appelle la feuille dans les pages incluses, je pense que ça vient de là. je corrige.

Merci
Si c'est de hauteur il fallait de dire dans ta question Smiley lol :
L'instit a écrit :
je bloque pour l'instant pour que mes div occupent toute la largeur
désolé de vous avoir fait perdre du temps, la fatigue sans doute.

C'est évidemment la hauteur des div qui me chagrine. Smiley confused
Sujet clos
Aller à