Différence d'affichage des bordures de bloc div

**lightstring4** · 31/05/2009, 14h12

Bonjour,

Je me bats depuis plusieurs heures avec les bordures de bloc div qui s'affichent sur IE7 mais pas Firefox, Opera, Safari et Chrome (eh oui ! j'ai testé sur tous ceux là, manque juste IE6).
J'ai une présentation classique avec 3 <div> pour en-tête de page , contenu central et bas de page :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<body>
<div id="haut">
 
</div>
<div id="centre">
 
</div>
<div id="bas">
 
</div>
</body>

J'ai défini le code CSS suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
body {
margin:0;
padding:0;
}
#haut {
border: 1px solid red;
}
#centre {
border: 1px solid red;
}
#bas {
border: 1px solid red;
}

Eh comme je disais ça ne marche pas, seul IE7 les fait apparaître. J'ai essayé de jouer avec les padding, margin, etc RIEN NE MARCHE !

Est-ce que vous auriez une idée ?

**Nicolas N.** · 31/05/2009, 15h43

Salut,

Je viens de tester ton code et il fonctionne bien de mon coté sous Firefox 3. N'as-tu pas un autre bout de code qui forcerait la bordure à 0 sur tes div (avec un !important par exemple) ?

Nicolas

.

**tiesto95** · 31/05/2009, 15h51

c'est normal tous les navigateurs n'interpretre pas le codes de la même façon . La en toute logique tu ne donne ni de largeur et ni de hauteur a tes div du coup pour certain navigateurs n'interprete pas ton code.
Essaye avec des largeurs et hauteurs.

**lightstring4** · 31/05/2009, 16h05

Bien sûr je n'ai pas donné tout le code, mais je sais que chaque ligne de CSS peut influencer une autre ligne et modifier la disposition.

J'ai un width:100% sur le body. C'est peut-être ça, mais franchement je ne comprends pas.

**lightstring4** · 31/05/2009, 16h15

J'AI HONTE !

mais que ça serve à tout le monde !

En codant mes commentaires dans le fichier CSS j'ai utilisé la syntaxe  (celle du fichier source htm normalement) au lieu de /* */

Conséquence, Firefox ne connaissait pas alors que IE oui. A votre avis c'est (encore) IE qui déconne là ou les autres ?

En tout cas maintenant ça marche, mais moi qui regardait toutes les lignes, j'aurais pas pensé aux simples commentaires. Le pire c'est que j'avais un autre projet en cours sur lequel Firefox affichait correctement.

**tiesto95** · 31/05/2009, 16h17

Ok content pour toi mais à l'avenir donne tous ton code ou comment veux-tu que l'on t'aide vraiment.

Différence d'affichage des bordures de bloc div

CSS

Vue hybride

Discussions similaires

Partager

Partager