Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > CSS
CSS Forum d'entraide sur l'utilisation des feuilles de style CSS. Avant de poster : Cours CSS, FAQ CSS, Galerie CSS
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 01/06/2011, 19h56   #1
Nouveau Membre du Club
 
Avatar de KnowPart
 
Homme
Développeur Web
Inscription : décembre 2010
Messages : 73
Détails du profil
Informations personnelles :
Sexe : Homme
Âge : 28

Informations professionnelles :
Activité : Développeur Web

Informations forums :
Inscription : décembre 2010
Messages : 73
Points : 39
Points : 39
Par défaut Affichage entre firefox et IE8

J'ai des pages HTML qui s'affiche trés bien sur firefox et non pas sur IE8,spécialament les champs avec style CSS en position absolute.

Code :
1
2
3
4
5
6
7
8
9
10
 <DIV id="Content1" name="Content1"> 
 <fieldset class="LibGrasFil1">
  <legend  >Fiche signalitique: </legend>
  <table width="200px" > 
    <tr >
	<td><span class="LibGrasPoso2">Date:</span></td>
	 <td><span class="LibGrasPosC21">Etat :</span></td>        
 </tr>
  </table>
</fieldset></DIV>
Code :
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
 
.LibGrasFil1{
    height:220px;
    width:1080px;
   position:absolute; top:390px; left:235px; 
   background-color:#DEF3FE;
}
#Content1{
margin-top:100px;
height:200px;
width:1100px;
}
.LibGrasPosC2{
font-size: 12px;
	font-weight: bold;
	color: #336699;
   position:absolute; top:60px; left:0px; 
 
}
.LibGrasPosC21{
font-size: 12px;
	font-weight: bold;
	color: #336699;
   position:absolute; top:0px; left:500px; 
 
}
KnowPart est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 02/06/2011, 10h38   #2
Modérateur
 
Avatar de NoSmoking
 
Homme
Inscription : janvier 2011
Messages : 2 939
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : France, Isère (Rhône Alpes)

Informations forums :
Inscription : janvier 2011
Messages : 2 939
Points : 4 767
Points : 4 767
Bonjour,
on peut lire
Code :
<span class="LibGrasPoso2">
mais pas de classe déclarée, il existe toutefois LibGrasPosC2, problème de recopie ?

La construction de ton document est pour le moins surprenante, je tente de m'expliquer.

Mettre un SPAN dans une TD soit mais le mettre en position absolute, donc qui sort du flux je ne saisie pas franchement.

Pour rappel un élément en position absolute est positionné par rapport au premier parent en position relative.
Visiblement les différents navigateurs n'interprète pas de la même façon le parent positionné en relative.

Places dans la partie style l'instruction...
Code :
1
2
3
td {
  position : relative;
}
...cela devrait rétablir l'homogénéité

Pour conclure, je ne sais à quoi doit ressembler en final le rendu, mais change d'approche pour une approche à base de DIV peut être.
NoSmoking est déconnecté   Envoyer un message privé Réponse avec citation 10
Vieux 02/06/2011, 19h51   #3
Nouveau Membre du Club
 
Avatar de KnowPart
 
Homme
Développeur Web
Inscription : décembre 2010
Messages : 73
Détails du profil
Informations personnelles :
Sexe : Homme
Âge : 28

Informations professionnelles :
Activité : Développeur Web

Informations forums :
Inscription : décembre 2010
Messages : 73
Points : 39
Points : 39
Citation:
Places dans la partie style l'instruction...
Code :
1
2
3
td {
  position : relative;
}
...cela devrait rétablir l'homogénéité
ça na pas beaucoup changer les positions bouleverser côté IE8,est ce que je suis obligé de faire une feuille de style a part pour IE8?
KnowPart est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 02/06/2011, 20h04   #4
Modérateur
 
Avatar de NoSmoking
 
Homme
Inscription : janvier 2011
Messages : 2 939
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : France, Isère (Rhône Alpes)

Informations forums :
Inscription : janvier 2011
Messages : 2 939
Points : 4 767
Points : 4 767
je n'ai pas IE8 pour tester, aussi difficile de trouver la vraie raison...
...sauf que je maintiens qu'il te faut changer la structure de ton document ou d'utiliser correctement la TABLE et ses TD, pourquoi compliquer la chose.
NoSmoking est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 02/06/2011, 20h10   #5
Rédacteur/Modérateur
 
Avatar de 12monkeys
 
Homme Dr. Peters
Webmaster
Inscription : novembre 2006
Messages : 3 618
Détails du profil
Informations personnelles :
Nom : Homme Dr. Peters
Âge : 35
Localisation : France, Bas Rhin (Alsace)

Informations professionnelles :
Activité : Webmaster
Secteur : Service public

Informations forums :
Inscription : novembre 2006
Messages : 3 618
Points : 6 238
Points : 6 238
Bonjour

Déjà le positionnement absolu doit être utilisé avec parcimonie, et comme le dit NoSmoking placer un span dans un tableau pour le positionner en absolu, je comprends pas trop non plus !

Il serait intéressant d'avoir une page en ligne pour savoir à quoi tout ça ressemble.

Supprime ces position:absolute et place tes éléments d'une autre manière.
__________________
Vous débutez dans la creation de sites web : les bases du html et débuter avec les CSS
Pas de MP pour des questions techniques ! Mode d'emploi du forum ; Règles ; Pensez à la balise code ; Pas de SMS !
Votez pour les messages qui vous ont aidés...
12monkeys est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 18h11.


 
 
 
 
Partenaires

Hébergement Web