Creer un DIV prenant la totalité de l'ecran avec une marge

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Creer un DIV prenant la totalité de l'ecran avec une marge

strycore

Tweek !

Bonjour

j'aimerais créer un cadre calée de chaque coté a 20 pixles du bord seulement je n'ai trouvé aucun moyen de le faire.
si je mets seulement

Code :

left: 20px;
right:20px;

le cadre prends seulement la partie utilisée par le texte.
j'ai aussi essayé avec

Code :

margin: 20px;
width:100%;

et ca ne marche pas ...
il existe une solution qui marche ?

---------------
Tweekers : Tweeks 4 Geeks

Publicité

zapan666

Tout est relatif

padding sur body ?

Code :

body { padding-left: 20px; }

strycore

Tweek !

ca ne marche pas ...

j'ai l'impression qu'il doit y avoir une largueur toujours plus ou moins fixée pour les cadres.
si je met width:100%; le cadre dépasse de la fenetre.
si je ne renseigne pas la largueur le cadre fait quelques pixels de large

---------------
Tweekers : Tweeks 4 Geeks

masklinn

í dag viðrar vel til loftárása

strycore a écrit :

Bonjour

j'aimerais créer un cadre calée de chaque coté a 20 pixles du bord seulement je n'ai trouvé aucun moyen de le faire.
si je mets seulement

Code :

left: 20px;
right:20px;

le cadre prends seulement la partie utilisée par le texte.
j'ai aussi essayé avec

Code :

margin: 20px;
width:100%;

et ca ne marche pas ...
il existe une solution qui marche ?

[:mlc]

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>SICLID Cetelem</title>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
div {
background-color: red;
margin: 0 20px;
height: 100%;
}
</style>
</head>
<body>
<div>
test
</div>
</body>
</html>

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

strycore

Tweek !

ok dans ce cas ca marche
mais des qu'on rajoute un position: absolute; ca ne marche plus

voila le code CSS que j'utilise en integralité : 2 cadres de tailles differentes sont superposés.

Code :

.titrebg{
font-family: Arial, Helvetica, sans-serif;
background-color: #003366;
position:absolute;
display: table;
height:150px;
top: 20px;
left: 20px;
right:20px;
z-index:2;
border: solid 1px;
background-color: #003366;
}
.titre {
font-family: Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
font-size: x-large;
display: table;
position: absolute;
margin:25px;
height:140px;
z-index:3;
}

---------------
Tweekers : Tweeks 4 Geeks

masklinn

í dag viðrar vel til loftárása

C'est quoi cette superposition à la con? :sweat:

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

gatsusat

ah oui C une belle superposition à la con.

ca sert à quoi ??

on peut avoir le code HTML correspondant à ta magnifique superposition ??

strycore

Tweek !

oui en effet c une superposition a la con, ca date d'il ya quelques semaines qunad j'exprimentais avec le CSS ....
demain je vire ca et je remplace par une bordure.

Toujours est il que ca ne resouds pas mon probleme
mais je pense que je vais abandonner l'idée ...
la plupart des sites non pas une mise en page dynamique avec la taille des fenetres. (bon je prends pas le forum HFR comme exemple ni la quasi totalité des forums...)
Je vais faire une mise en page fixe ce sera bien mieux

(mais je suis toujours preneur pour des solutions si elles existent)

---------------
Tweekers : Tweeks 4 Geeks

zapan666

Tout est relatif

bah vi, ça existe, la preuve :

http://www.simplebits.com/

(clique sur la flèche verte en haut à droite, ça permet de passer d'un design fluide a un design fixe)

http://pompage.net/articles

---------------
my flick r - Just Tab it !

FORUM HardWare.fr

Programmation

HTML/CSS

Creer un DIV prenant la totalité de l'ecran avec une marge

Sujets relatifs
Creer une liste de controls	[VBS]Créer un fichier.txt sur bureau [Résolu]
ASP créer un fichier sur le DD ?	Créer un installeur?
Creer une barre de remplissage	meilleur log pour creer site waibe ???
Je recherche un tuto pour creer une galerie photos	[CSS] Problème de longeur de <DIV>
un petit coup de main pour créer un Button	Code html pour créer un scroll
Plus de sujets relatifs à : Creer un DIV prenant la totalité de l'ecran avec une marge

Page générée en 0.055 secondes