[CSS] Affichage bannière firefox ok ie pas ok!

Invité · 08/07/2006, 11h33

Bonjour,

J'essaie d'implémenter une bannière sur mon site avec du CSS. Comme je le dis dans le titre, ça marche nickel sur firefox mais comme dab ie fait tout foirer!

La bannière est en 3 pièces :
1. Coté gauche 100x100 px arrondi à gauche
2. Le centre 100x100 px carré
3. Droite 100x100 px arrondi à droite

Voici le code CSS:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
.bannerleft {
	border-width: 0;
	padding: 0;
	height: 100px;
	float: left;
	background-image: url(/Images/bannerleft.png);
	width: 100px;
}
 
.bannercenter {
	border-width: 0;
	padding: 0;
	height: 100px;
	position: absolute;
	left: 100px;
	right: 100px;
	background-image: url(/Images/bannercenter.png);
}
 
.bannerright {
	border-width: 0;
	padding: 0;
	height: 100px;
	float: right;
	background-image: url(/Images/bannerright.png);
	width: 100px;
}

Et le code HTML dans <BODY> de ma page :

Code :

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

1
2
3
<DIV class='bannerleft'></DIV>
<DIV class='bannercenter'></DIV>
<DIV class='bannerright'></DIV>

Quelqu'un voit ce qui ne va pas chez ie?

Merci!

webrider

**Swoög** · 08/07/2006, 13h23

déjà tu devrais spécifier une unité pour padding et border-width (c'est très fortement conseillé si ce n'est obligatoire)

ensuite, IE n'aime pas toujours les balises vides...

essaie d'ajouter un   dans tes balises vides... des fois...

Invité · 08/07/2006, 13h57

Effectivement la spécification de l'unité à border-width et padding change tout!

Merci beaucoup!

webrider

[CSS] Affichage bannière firefox ok ie pas ok!

CSS

Vue hybride

Discussions similaires

Partager

Partager