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

Marsh Posté le 25-08-2006 à 09:51:20

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

Reply

Marsh Posté le 25-08-2006 à 09:51:20

Reply

Marsh Posté le 25-08-2006 à 11:03:48

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

Reply

Marsh Posté le 25-08-2006 à 12:01:13

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;
}

Reply

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

Sujets relatifs:

Leave a Replay