Discussion :

[12monkeys]

Bonsoir,

Code html :

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
  <div id="appge">
    <ul>
      <li id="appgefrise">
	<img src="images/commun/frise02.gif" alt="">
      </li>
 
      <li id="auppgehaut">
	<a href="#gotop">
	<img src="images/commun/haut.gif" alt="Haut de Page">
	</a>
      </li>
 
      <li id="auppgecpt">
	<img src="http://pers...ce.dat" alt="Vous êtes le XXXeme visiteur">
      </li>
 
      <li id="auppgemaj">
AMICALE
	<br>
MIS A JOUR LE 26 Octobre 2006
      </li>
    </ul>
  </div>

Code css :

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

1
2
3
4
5
6
7
#appge { float:left }
#appgefrise { margin:0px 0px 5px 0px }
#aenttfrise img, #appgefrise img { width:770px;height:2px }
#auppgehaut { float:left;width:90px;background-color:red }
#auppgehaut img { border:0px none }
#auppgecpt { float:left;width:100px;margin-left:245px;background-color:blue }
#auppgemaj { float:right;text-align:right;font-size:0.6em;color:#0000ff }

Sur le code ci dessus j'ai un problème d'affichage du compteur (#auppgecpt) entre IE 6 et 7 : j'ai essayé de le centrer sur la page grace au margin-left:245px, cela s'affiche très bien sur IE 7 (et firefox d'ailleurs) mais sur IE6 le compteur est à gauche au plus près du texte de mise à jour...

Et je ne comprends pas pourquoi, d'autant plus qu'en remplaçant margin par padding avec le même chiffre le compteur s'affiche au bon endroit avec IE 6 et 7...

Je ne vois vraiment pas ce qui pourrait être la cause
Merci de votre aide.

[Clorish]

Et si tu mettais ton compteur en margin:auto ou width:100% combiné avec un text-align:center ? le tout en position:relative ...

Apres tu peux placer des autres elements de liste en absolute, superposé au compteur.

Ou alors en float:left/right, mais si tu as le compteur en position:relative, il va peut etre faloir remonter dans la declaration le dernier element a droite pour qu'il soit affiché par dessus le compteur.

[Clorish]

ou alors tu peux jouer sur le float:left de tous tes elements avec un width en % ...

J'ai mis ca dans un de mes menus :
width : 100px sur un conteur de 800px <=> width : 12.5%.

J'ai 6 elements avec un element central (width : 800-6*100 = 200px):
#item1 { width : 12.5%; left : 0%; }
#item2 { width : 12.5%; left : 12.5%; }
#item3 { width : 12.5%; left : 25%; }
#itemcentral { width : 25%; left : 37.5%; }
#item4 { width : 12.5%; left : 62.5%; }
#item5 { width : 12.5%; left : 75%; }
#item6 { width : 12.5%; left : 87.5%; }