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 21/01/2011, 17h24   #1
Membre régulier
 
Inscription : février 2009
Messages : 197
Détails du profil
Informations forums :
Inscription : février 2009
Messages : 197
Points : 71
Points : 71
Par défaut Problème compatibilite ie

Bonjour,

Le code suivant pose un problème de compatibilité sur IE,
auriez-vous une idée, bottom ne semble pas être prit en compte
par IE

Code css :
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
 
body {
	margin: 0;
}
 
div.entete {
	height: 70px;
	width: 100%;
	background-color: #e8e;
}
 
#pied {
	width: 100%;
	height: 70px;
	bottom: 0px;
	position: absolute;
	background-color: #0cc;
}
 
#content {
	width: 100%;
	overflow: auto;
	background-color: #900;
	position: absolute;
	top: 70px; /*taille de 'entete'*/
	bottom: 70px;
}

Code html :
1
2
3
4
5
6
 
<div class="entete"></div>
<div id="content"><pre>
test
 </pre></div>
<div id="pied"></div>


Merci d'avance pour votre aide
dominos est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 22/01/2011, 16h46   #2
Membre du Club
 
Avatar de Freedolphin
 
Inscription : février 2006
Messages : 145
Détails du profil
Informations forums :
Inscription : février 2006
Messages : 145
Points : 47
Points : 47
A priori, il n'y a pas de raison que IE ne l'accepte pas.
Qu'essaies-tu de faire, au juste ?

Dans ton code :
Code :
top: 70px; /*taille de 'entete'*/
Il ne s'agit pas d'une taille mais d'une position par rapport au haut.
Même chose donc pour bottom, par rapport au bas.
__________________
Le mieux n'est pas forcément l'ennemi du bien.
Freedolphin est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 22/01/2011, 17h14   #3
Membre régulier
 
Inscription : février 2009
Messages : 197
Détails du profil
Informations forums :
Inscription : février 2009
Messages : 197
Points : 71
Points : 71
top:70px représente la hauteur de la div du haut, l'exemple plus bas fonctionne avec firefox/safari.. mais pas sou ie...
dominos est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 22/01/2011, 17h25   #4
Membre du Club
 
Avatar de Freedolphin
 
Inscription : février 2006
Messages : 145
Détails du profil
Informations forums :
Inscription : février 2006
Messages : 145
Points : 47
Points : 47
Pas de problème chez moi, même résultat sous IE et Firefox.
Tu utilises quelle version d'IE ?
__________________
Le mieux n'est pas forcément l'ennemi du bien.
Freedolphin est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 22/01/2011, 18h37   #5
Modérateur
 
Avatar de NoSmoking
 
Homme
Inscription : janvier 2011
Messages : 2 930
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : France, Isère (Rhône Alpes)

Informations forums :
Inscription : janvier 2011
Messages : 2 930
Points : 4 744
Points : 4 744
Bonjour,
y a t-il un DOCTYPE au document si non essaies au moins avec...
Code :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
NoSmoking est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 22/01/2011, 21h31   #6
Membre régulier
 
Inscription : février 2009
Messages : 197
Détails du profil
Informations forums :
Inscription : février 2009
Messages : 197
Points : 71
Points : 71
Citation:
Envoyé par NoSmoking Voir le message
Bonjour,
y a t-il un DOCTYPE au document si non essaies au moins avec...
Code :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
merci à vous
dominos est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité Cette discussion est résolue.
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 02h26.


 
 
 
 
Partenaires

Hébergement Web