Problème de Div / CSS

Bonsoir à tous,

j'ai commencé une petite page d'accueil pour mon futur site web, seulement j'ai un petit problème tout bête :

J'ai sorti le "header" & le "footer" de la division "container" de ma page car sinon le page.jpg se fout autour de ces premiers & ils n'ont donc pas l'aspect voulu. Seulement maintenant il y a un "trou" entre le contenair & le reste, voyez par vous même

Le lien de mon CSS : style.css
Mon index.html : Affichez la source ;)

Merci d'avance de votre aide :)

Bonne soirée

Salut,

Tu peux essayer d'ajouter ceci au début de ta feuille de style:

Code:

---

1 2 3 4

* { margin: 0; padding: 0; }

---

Il te faudra certainement redéfinir ces propriétés pour certains éléments, mais au moins, tu restes maitre du rendu de ta page...

Plop, je viens de tester & ça ne change rien.

L'url de mon css n'a pas changé si tu veux vérifié ;)

Bonjour,
il vaut mieux ajouter les "px" (compatibilité) :

Code:

---

margin: 0px;

---

A+

Citation:

---

Envoyé par E.Bzz

Bonjour,
il vaut mieux ajouter les "px" (compatibilité) :

Code:

---

margin: 0px;

---

A+

---

Rien à faire, il laisse toujours une ligne :cry:

Salut,

Tu as un souci avec ton code html

Code:

---

1 2 3 4 5 6 7

<div class="highslide-caption" id="caption-for-thumb"> <a href="http://funkybearz.fr"> Clique ici pour aller sur mon blog </a> </center> </div>

---

Tes balises sont mal imbriquées.

pour éviter les, problèmes le css doit s'appliquer sur un code html valide.
http://validator.w3.org/check?uri=ht...fr%2Ffkybrz%2F

Pour le coup des 'px', la valeur 0 est l'unique cas où on peut se passer de l'unité.

Citation:

---

Envoyé par MasterOfChakhaL

Pour le coup des 'px', la valeur 0 est l'unique cas où on peut se passer de l'unité.

---

Autant pour moi : tu me l'apprends :)

A+

Citation:

---

Envoyé par MasterOfChakhaL

Salut,

Tu as un souci avec ton code html

Code:

---

1 2 3 4 5 6 7

<div class="highslide-caption" id="caption-for-thumb"> <a href="http://funkybearz.fr"> Clique ici pour aller sur mon blog </a> </center> </div>

---

Tes balises sont mal imbriquées.

pour éviter les, problèmes le css doit s'appliquer sur un code html valide.
http://validator.w3.org/check?uri=ht...fr%2Ffkybrz%2F

Pour le coup des 'px', la valeur 0 est l'unique cas où on peut se passer de l'unité.

---

Voila, ma page est maintenant Valide,

Code:

---

1 2	This Page Is Valid XHTML 1.0 Strict!

---

Mais le problème persiste toujours :(


Je ne comprend toujours pas pourquoi il y a une espèce de saut de ligne entre le header & le container & entre le container & le footer

re,

Tant qu'on y est, tu peux aller jeter un oeil sur le validateur css
http://jigsaw.w3.org/css-validator/v...usermedium=all

pour la propriété border-collapse, les valeurs possibles sont collapse ou no-collapse

Citation:

---

Envoyé par MasterOfChakhaL

re,

Tant qu'on y est, tu peux aller jeter un oeil sur le validateur css
http://jigsaw.w3.org/css-validator/v...usermedium=all

pour la propriété border-collapse, les valeurs possibles sont collapse ou no-collapse

---

Code:

---

1 2 3 4 5

Félicitations   Valid CSS!Ce document est valide conformément à la recommandation CSS!

---

Et ca ne marche toujours pas :cry:

Je commence à ne plus rien y comprendre là :/

Je vais manger ça ira peut être mieux après.

Merci de votre aide en tout cas :)

Peut être :
#pageHeader {
height : 100px;
}
avec margin : 0 auto; dans #content

Sinon, il faut enlever tout ce qui ne sert à rien (environ 30% de l'html et 50% de css) et réduire la page à un "test case".

Citation:

---

Envoyé par Dan_A

Peut être :
#pageHeader {
height : 100px;
}
avec margin : 0 auto; dans #content

Sinon, il faut enlever tout ce qui ne sert à rien (environ 30% de l'html et 50% de css) et réduire la page à un "test case".

---

Merci beaucoup! Cela fonctionne je te suis très reconnaissant!

Merci à tous :)