Bonjour à tous,

Je souhaiterais faire un "block" qui fasse toute la largeur de la page, et toute la longueur sauf 60px en haut et 60px en bas.

Dans ce block, j'ajouterais du texte qui sera center verticalement et horizontalement dans block.

Est ce possible ?

Je cherche sans trouver de réponse, c'est pas simple
J'ai tenté ça :

section #text
{
margin: 60px auto 60px auto;
color: black;
vertical-align: middle;
font-size: large;
text-align: center;
overflow: auto;
z-index: 3;
}

Mais il est juste centré horizontalement et disposé à 60px du haut

Des idées ?
Merci.

le truc, c'est que là, t'applique tes styles à l'id texte dans la balise section.

A mon avis, c'est là ou ca foire.

Il nous faudrait le reste du code, en plus, pour ce que tu décrit, je trouve ca étrange d'utiliser section quand body pourrait suffire.

Oui c'est claire, section était inutile dans mon code, je l'ai viré et remplacé par body.

Néanmoins, le résultat est le même

Oui c'est claire, section était inutile dans mon code, je l'ai viré et remplacé par body. Je pense que c'est pire. On peut voir le code html stp ?

Tu peux le mettre ici ton code pour que ce soit plus lisible https://wall.deblan.org/

Voila le code HTML https://wall.deblan.org/x1b3d/html/1/

Il est bien sur pas encore terminer.

Merci de m'aider

donc en gros, c'est ta div que tu veux centrer,

Alors c'est simple

dans le css

1. text_hublot {

width:100%
margin: 60px auto 60px auto;
}

Ensuite, tu rajoutes ce que tu veux.

klairazil: Jamais de width: 100%;

Moopie: http://fr.openclassrooms.com/informatique/cours/centrer-en-css

Salut,

Tu peux tout a fait centrer ton texte au millieu de la page
et n'importe quel contenu grâce a vertical-align.

http://www.alsacreations.com/tuto/lire/1032-comment-centrer-verticalement-sur-tous-les-navigateurs.html

->warpShadow (Biensur que tu peux faire un width a 100% , c'est généralement utilisé pour faire des fullPage. Tu as besoin de paramétrer les balise html et body a 100% pour effectuer une largeur et hauteur parfaite. Alors avant polluer ce post, renseigne toi )

Non, on n'utilise pas width: 100%;. Au mieux ça ne fait rien puisqu'un élément de type block prend de toutes façons toute la largeur disponible, au pire tu pètes ta mise en page en créant un dépassement : http://jsfiddle.net/Manumanu/29N63/

http://blog.goetter.fr/articles/width-100-tu-es-le-mal/

Dans le cas de type block, oui, mais c'est très utile pour faire des full page hors padding.

On ne fait pas de structure d'un site avec du phrasing content, donc la structure d'un site est toujours de type block. Il n'y a pas besoin de width: 100% pour ça, et l'utiliser est une erreur et une mauvaise pratique à perdre.