Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
680 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [CSS]Pb IE : d'affichage, positionnement + Pb z-index

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[CSS]Pb IE : d'affichage, positionnement + Pb z-index

n°1431198
boudzz
Posté le 25-08-2006 à 09:51:20  profilanswer
 

Bonjour, je débute sous CSS. J'ai lu pas mal de docs et je commence à plutôt bien comprendre.
 
Cependant, si ma feuille de style fonctionne parfaitement bien sous Firefox, j'ai des problèmes sous IE de positionnement de mes divs qui se retrouvent complètement décalés après avoir réussi à les "fixés".
 
Mes z-index pour gérer les priorités d'affichage ne fonctionnent pas du tout (décommentés bien sûr ^^; Aussi bien sous IE que sur Firefox).
 
Et enfin, j'ai des problèmes avec mon contenu qui apparait comme il faut sous Firefox, mais sous IE, même avec un margin-top de 90px au niveau du body, par exemple, le texte se retrouve derrière le div "debut".
 
 
Ma feuille de style est disponible ici :
 
*edité*


Message édité par boudzz le 15-02-2007 à 11:52:38
mood
Publicité
Posté le 25-08-2006 à 09:51:20  profilanswer
 

n°1431251
mIRROR
Chevreuillobolchévik
Posté le 25-08-2006 à 11:03:48  profilanswer
 

salut une css toute seule est peu parlante tu sais
par contre c est un peu absurde de mettre ton contenu en dessous le body
si ca marchait tes liens seraient inaccessibles par exemple

n°1431305
boudzz
Posté le 25-08-2006 à 12:01:13  profilanswer
 

C'est bon, je me suis débrouiller tout seul. Tout fonctionne, aussi bien sous IE que Firefox.
 
Le code n'est pas très beau, mais la compatibilité IE/Firefox a un prix !!
 

Citation :


/******* Feuille de style n°5 *******/
 
 
 
body    {  
 font: 12pt/22pt georgia;  
 color: #555753;
 background-color:#CCCCFF;
 text-align:center;
 margin-top:90px;
 margin-bottom:80px;
 margin-left:0;
 margin-right:0;
 
 }
 
 
 
p       {  
 font: 8pt/16pt georgia;  
 text-align: center;
 }
 
 
h1      {
 font: georgia;  
 font-size=x-large;
 font-weight: bold;
 letter-spacing: 1px;
 }
 
 
h2      {
 font: georgia;  
 font-size=large;
 font-weight: bold;
 letter-spacing: 1px;
 }
 
 
h3      {  
 font: italic normal 12pt georgia;  
 letter-spacing: 1px;
 color: #000000;
 }
 
hr {
 visibility: hidden;
 }
 
a:link  {  
 font-weight: bold;  
 text-decoration: none;  
 color: #9685BA;
 }
 
a:visited  
        {  
 font-weight: bold;  
 text-decoration: none;  
 color: #FFFFFF;
 }
 
a:hover, a:active  
        {  
 text-decoration: underline;  
 color: #FF9966;
 }
 
 
div.debut
 {
 background-image: url(../img/fond.jpg);
 z-index:1;
 top:0;
 width:100%;
 position:fixed;
! position:absolute;
! margin-left:-500px;
 right:0;
 }
 
div.pied
 {
 background-image: url(../img/rose.jpg);
 bottom:0;
 width:100%;
 position:fixed;
! position:absolute;
! margin-left:-500px;
 right:0;
 }
 
 
 
h2#intranet
 {
 font: georgia;  
 font-size=large;
 font-weight: bold;
 letter-spacing: 1px;
 text-decoration:blink;
 }
 
* html  {
 width: 100%;
 height: 100%;
 overflow: hidden;
 margin:0;
 padding:0;
 }
 
* html body
 {
 width: 100%;
 height: 75%;
 overflow: scroll;
 margin-top:80px;
 padding:0;
 }
 
 
* html .fixed
 {
 position: absolute;
 }
 
 
div#logo
 {
 background-image: url(../img/jules.jpg);
      background-repeat: no-repeat;
 right:0;
 top:0;  
 position:fixed;
! position:absolute;
        z-index:10;
 height:120px;
 width:93px;  
 }


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [CSS]Pb IE : d'affichage, positionnement + Pb z-index

 

Sujets relatifs
CSS ne fonctionne pas sous firefox??Problème d'affichage dans une zone de "dessin"
window.status=....mauvais index retourné dans firefoxQuestion bete sur un CSS
[Résolu] Affichage à partir de mysqlaffichage du caractere <
[CSS] style inputFont et CSS : que faire quand le visiteur n'a pas la typo utilisée ?
[CSS]J'ai l'impression de faire de la magie noire là...[RESOLU][CSS] Problème de float
Plus de sujets relatifs à : [CSS]Pb IE : d'affichage, positionnement + Pb z-index


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR