DIV POSITION FIXED SUR LA PAGE
coucou747
Messages postés
12303
Date d'inscription
mardi 10 février 2004
Statut
Membre
Dernière intervention
30 juillet 2012
-
13 juil. 2007 à 21:01
cs_stay Messages postés 493 Date d'inscription jeudi 7 juillet 2005 Statut Membre Dernière intervention 24 mai 2017 - 24 juil. 2007 à 15:56
cs_stay Messages postés 493 Date d'inscription jeudi 7 juillet 2005 Statut Membre Dernière intervention 24 mai 2017 - 24 juil. 2007 à 15:56
Cette discussion concerne un article du site. Pour la consulter dans son contexte d'origine, cliquez sur le lien ci-dessous.
https://codes-sources.commentcamarche.net/source/43444-div-position-fixed-sur-la-page
https://codes-sources.commentcamarche.net/source/43444-div-position-fixed-sur-la-page
24 juil. 2007 à 15:56
Si justement ma source est compatible avec explorer mais,
si tu as disons un pixel de trop en width avec explorer
Exemple :
---------
Ce code fonctionne pour tous les navigateurs
.test {
width: 100px;
}
Et que tu remarque que visuellement sur explorer que l'on est à 101px.
Donc tu procède :
-----------------
.test {
width: 99px;
}
html>/**/body .test {
width: 100px;
}
Et voilà le tour est joué compris ?
24 juil. 2007 à 15:25
Donc pour répondre à NAFOU
"si je défini le style "bloc" avant "layer1" ça ne passe pas sous IE 6 et IE 7 ..."
Utiliser html>/**/body pour régler tes problème de bug.
C'est bien plus propre pour le code
Par contre PetoleTeam je n'ai pas compris pourquoi tu suppose que les gens feraient çà (avec du JavaScript) autrement que ta source très logique donc basique pour créer une mise en page en CSS
23 juil. 2007 à 21:36
<CITATION>
Il y a beaucoup plus simple que de rajouter tous ces div inutiles
</CITATION>
SAUF QUE...ton exemple, tu l'écris toi même, n'est pas pris en compte par IE, ou partiellement, or le but de cette source c'est justement d'être comptatible avec IE en attendant qu'il prenne en compte la position FIXED, c'est dans la description, voir en haut de page.
;0)
23 juil. 2007 à 17:58
html>/**/body .bloc {
margin: 0 auto 0 auto;
position: relative;
background: transparent url("Style/images/dragdrop_backgd.gif") no-repeat 0 0;
width: 920px;
height: 249px;
}
Explication
-----------
margin: top right bottom left;
background: color url no-repeat top left;
23 juil. 2007 à 17:25
.bloc {
position: absolute;
left: 856px;
top: 176px;
width: 47px;
height: 57px;
z-index: 1;
}
html>/**/body .bloc {
margin-right: auto;
margin-left: auto;
position: relative;
background-image: url(Style/images/dragdrop_backgd.gif);
width: 920px;
height: 249px;
}
Explication
-----------
html>/**/body n'est pas pris en compte par ie6 et ie7.
À savoir, html>body est pris en compte par ie7 et pas le ie6.
Voilà ?
22 juil. 2007 à 23:11
#Layer1 {
position:absolute;
left: 856px;
top: 176px;
width:47px;
height:57px;
z-index:1;
}
.bloc {
margin-right: auto;
margin-left: auto;
position: relative;
background-image: url(Style/images/dragdrop_backgd.gif);
width: 920px;
height:249px;"
}
si je défini le style "bloc" avant "layer1" ça ne passe pas sous IE 6 et IE 7 ...
14 juil. 2007 à 19:42
14 juil. 2007 à 13:00
il n'y a pas de quoi... ici on cause [d]html et javascript.
comme c'est une solution intéressante, plutôt que de faire
en JavaScript ( même s'il n'y a qu'une ligne pour faire ça ),
tu as eu parfaitement raison de nous poster cette source.
ça pourra être utile à plus d'un.
@+
14 juil. 2007 à 01:20
13 juil. 2007 à 21:01