Div sans marge

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Div sans marge

Zangalou

Hi,

Un petit problème se pose, j'ai un div que je voudrais coller en haut du site, avec une largeur de 100% (variable en fonction de la taille de l'écran) et également sans marge par rapport aux côtés.

Pour la taille j'ai indiqué 100%, mais pour la marge, existe-il une solution autre que celle d'attribuer un margin/padding 0 pour le body .... Si non, comment faire pour que tous mes autres div soient centrés sur la page sans avoir à leur foutre individuellement des margin divers.

Merci

Message édité par Zangalou le 13-04-2011 à 05:38:30

Publicité

gatsu35

Blablaté par Harko

donne nous le code HTML et css que tu as fait actuellement.

Sans ça on peut pas forécément t'expliquer ton problème.

---------------
Blablaté par Harko

Zangalou

Faites pas attention à l'absence de meta dans le head, je veux terminer la disposition de mes blocs sur la home avant d'attaquer ce qui touche au ref.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Jeux vidéo - JeuxOnline.ca PC et consoles</title>
<link rel="stylesheet" type="text/css" href="style_div.css">
</head>

<body>
<div id="hautpage">tttt</div>
<div id="bandeau"><div id="colonne1"><img src="logosvg-text2985-507.png" /></div>
<div id="colonne2">...</div>
<div id="centre">...</div></div>
<div id="shadow">Ceci est le bandeau</div>
<div id="contenu">Ceci est le contenu</div>
<div id="piedpage">Ceci est le pied de pa</div>
</body>
</html>

div {
text-align:absolute;
}
body {
background-color: #C0C0C0;
margin-top:0px;
padding-top:0p;
}
div#bandeau {
width:944px;
height:100px;
background-color:#1F2324;
}
div#contenu {
width:944px;
height:400px;
background-color:#EEE7DF;
}
div#piedpage {
width:944px;
height:50px;
background-color:#33FF99;
}
div#hautpage {
width:100%;
height:25px;
background-color:#7A7A6F;
border-bottom: 3px solid #333;

}
div#shadow{
background-image: url(uncharted.jpg);
height:262px;
width:509px;
position:absolute;
margin-left:-365px;
left:392px;
z-index:1;
top: 110px;
border:4px solid #FFFFFF;
}
div#colonne1 {
float: left;
width: 350px;
height: 65px;
background: #1F2324;
margin-top:6px;
margin-left:11px;
}
div#colonne2 {
float: right;
width: 300px;
background: burlywood;
}
div#centre {
background: #1F2324;
}

Message édité par Zangalou le 13-04-2011 à 19:04:56

Zangalou

personne ?

Zangalou

Paulp

~, sweet ~

Ce serait plus simple de jeter un coup d'oeil si tu donnais un lien avec tout en place ...
La j'ai la flemme de copier coller.

rufo

Pas me confondre avec Lycos!

be, tu fait un div qui contient tous les autres et tu mets un width à 100% et un margin: 0 auto 0 auto ainsi que text-align:center;

Pourquoi tu veux pas mettre un margin/padding à 0 sur le body? Pour info, tu peux le faire aussi sur la balise <html>...

---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta

Zangalou

J'ai pas le lien je met pas un site en ligne lorsqu'il est en développement.

Avec tout dans un même div, je pourrais avoir une bande supérieure de taille variable en fonction de la résolution d'écran du visiteur ?

Voila ce que ça donne : http://data.imagup.com/5/1117846823.jpg

Le div tttt doit être collé à celui d'en dessous (ça c'est bon, collé en haut, bon également, mais collé gauche et droite, si je met tout dans un div, ça me va, mais je vais devoir ajouter quel bout de code pour que mes autres div soit centrés (ils ne le sont pas sur mon image je précise))

abais

html, body{width:100%} ?

---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.

FORUM HardWare.fr

Programmation

HTML/CSS

Div sans marge

Sujets relatifs
Centrer DIV dans la fenetre (Chrome-FF : OK .:. IE7 : NOK)	Disparition de la Div du bas lors de l'insertion d'un .swf
[CSS] Réalisation d'un site trois colonnes flottantes dans Div	Probleme DIV sur IE
[HTML] Bordure Facebook Box	[Résolu] Div avec photo et texte pour index gallerie
[Resolu] Probleme image en bordure de bloc !	Background d'une DIV fixed et position.
Des Div ne s'affichent pas...	[html] Bordure autour d'un DIV
Plus de sujets relatifs à : Div sans marge

Page générée en 0.034 secondes