Div sans marge

Marsh Posté le 13-04-2011 à 05:38:15

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

Reply

Marsh Posté le 13-04-2011 à 05:38:15

Reply

Marsh Posté le 13-04-2011 à 09:03:26

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

Reply

Marsh Posté le 13-04-2011 à 19:04:49

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

Reply

Marsh Posté le 14-04-2011 à 20:23:17

personne ?

Reply

Marsh Posté le 17-04-2011 à 21:52:24

up

Reply

Marsh Posté le 18-04-2011 à 09:38:52

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.

Reply

Marsh Posté le 18-04-2011 à 17:34:05

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

Reply

Marsh Posté le 19-04-2011 à 04:52:27

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))

Reply

Marsh Posté le 19-04-2011 à 07:56:11

html, body{width:100%} ?

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

Reply

Div sans marge

Sujets relatifs:

Leave a Replay