DECOUPE-FR.NET / [Résolu] Petit probléme d'intégration: espace entre deux div

ReKieM · 03-03-2010 15:50:40

Bonjour tout le monde !

J'aimerai vous exposer un problème que je rencontre pour intégrer une maquette de page...
La page est déjà codée est en ligne, j'ai 3 gros éléments: La div Header (plus celle en Flash par au desus), le contenu (extensible), et le footer...Normal quoi ^^
J'ai également 2 div pour les zones de textes.
Le soucis est que j'ai un espace non souhaité entre la div d'header, et celle du contenu.
Et lorsque je ne met pas l'hauteur à mon contenu (vu qu'il est censé se répéter pour s'adapter à la zone de texte), tout est désordonné...
Le CSS est contenu dans la page.

L'adresse est: plan du site

et je vous laisse un screen :

Merci d'avance !

ReKieM · 03-03-2010 21:36:43

J'ai refait un peu le design et version en anglais mais bon ... Le bug persiste hmm

bryou · 03-03-2010 21:52:17

Margin-bottom:0px;

Non ?

ReKieM · 04-03-2010 01:04:07

non mes Div ont toute un margin à 0;

jp949 · 04-03-2010 05:22:07

Il faut regarder du coté margin et padding de tes textes h1, h2, p, ul etc

bryou · 04-03-2010 08:52:02

Ah oui j'avais pas vu le lien ^^

ReKieM · 04-03-2010 15:08:15

Merci de vos réponses,mais ça ne viens pas non plus de mes textes, mes h1 et h2 sont aussi en margin 0;
ça ne viens pas non plus de ma div Flash car j'ai testé sans et l'espace est toujours présent hmm

bryou · 04-03-2010 19:05:47

essaye margin-bottom pas margin

ReKieM · 04-03-2010 19:58:51

ça ne change rien ...
l'espace se fait entre les div "flash" et "content"
Mais le pire... c'est que la page en anglais http://www.radiowebworld.fr/organisteur … nglish.php à le même problème...mais l'espace est entre le contenu et le footer lol >_< ça va me rendre chèvre !

bryou · 04-03-2010 20:08:57

ba entre les deux tu as sa <div id="header"></div> pas bon ça
non ?

ReKieM · 04-03-2010 20:43:54

la div Header est sous le flash, c'est le fond de la bannière.
Voici son CSS:

#header {
width: 953px;
height:359px;
background-image:url(images/header2.png);
margin: auto;
margin:0;
padding:0;
margin-bottom:0;
background-repeat:no-repeat;
}

gcyrillus · 05-03-2010 01:31:45

bonjour ,

jp t'as donné la reponse .

essaye donc : h1 {margin:0;}

GC

ReKieM · 05-03-2010 12:37:35

salut GC.

J'ai pourtant dis plus haut que ça ne venais pas de mes textes car mes H1 et H2 sont tous en margin:0: ^^

gcyrillus · 06-03-2010 00:25:10

Et pourtant :
http://doc-css.com/plx4.3urw/demo/data/ … rge-h1.jpg

#txt h1 , ne peut pas s'appliquer a #txt2 h1 .

Pour faire une mise a zero generale sur une ou une serie de balise , il vaut mieux le faire avec le nom de la balise . L'usage de selecteur plus fort , te servira justement a ne redefinir les styles de tel balise a tel(s) endroit(s).

ça ne te coutait pas grand chose de tester sans selecteur , je suis surpris de ton assurance smile

++

<edit> ton

Code:

 html { margin:0;

 padding:0;

 }

est pret a accueillir toute les balise block dont tu veut remettre a zero les marges internes et externes par defaut tel : les hx , p ou listes
</>

ReKieM · 06-03-2010 14:43:53

C'est parfait, le problème est résolu, merci encore GC smile
J'avais du mal à comprendre alors que mes balises H1 étaient en margin 0; dans mes div #txt et #txt2
C'est pour ça que j'avais du mal à saisir l'utilité de faire un h1 { margin:0; }
Et pour ma page en anglais, il suffisait de mettre un p { margin:0; } smile

Merci encore pour votre aide, et merci de mettre ce forum en "résolu" wink

Le Forum

Nos Partenaires

La Bibliothèque

Le Studio

Le Salon

#1 03-03-2010 15:50:40

Petit probléme d'intégration: espace entre deux div

#2 03-03-2010 21:36:43

Re: Petit probléme d'intégration: espace entre deux div

#3 03-03-2010 21:52:17

Re: Petit probléme d'intégration: espace entre deux div

#4 04-03-2010 01:04:07

Re: Petit probléme d'intégration: espace entre deux div

#5 04-03-2010 05:22:07

Re: Petit probléme d'intégration: espace entre deux div

#6 04-03-2010 08:52:02

Re: Petit probléme d'intégration: espace entre deux div

#7 04-03-2010 15:08:15

Re: Petit probléme d'intégration: espace entre deux div

#8 04-03-2010 19:05:47

Re: Petit probléme d'intégration: espace entre deux div

#9 04-03-2010 19:58:51

Re: Petit probléme d'intégration: espace entre deux div

#10 04-03-2010 20:08:57

Re: Petit probléme d'intégration: espace entre deux div

#11 04-03-2010 20:43:54

Re: Petit probléme d'intégration: espace entre deux div

#12 05-03-2010 01:31:45

Re: Petit probléme d'intégration: espace entre deux div

#13 05-03-2010 12:37:35

Re: Petit probléme d'intégration: espace entre deux div

#14 06-03-2010 00:25:10

Re: Petit probléme d'intégration: espace entre deux div

Code:

#15 06-03-2010 14:43:53

Re: Petit probléme d'intégration: espace entre deux div