DIV css
Résolu
-
26 mai 2007 à 20:03
-
-
SALUT
j ai un petit problème avec un alignement de div en css!!
j ai cree 2 petite div en bas de page
css
donc comme vous voyez elles sont toute 2 placees a 0px du bas !!
et bien sur IE celle de gauche ce place a 15 px du bas !! bien sur sur FFx la ca passe bien !et si je met une valeur negative a la "div w3c" , je ratrape le probleme sur ie !! mais je fait disparaitre la div sous ffx !! ??
c est pas un drame mais ca me gonfle de pas trouver !! ;-)) donc si vous voyez merci :))
remarque j en connais qui passe la nuit sur ce genre de conneries qui rendent fou :)) hein mon nounours :-))
A +
RAD
j ai un petit problème avec un alignement de div en css!!
j ai cree 2 petite div en bas de page
css
div#w3c { position: fixed; left: 0; bottom: 0px; } div#css { position: fixed; right: 0; bottom: 0px; }
donc comme vous voyez elles sont toute 2 placees a 0px du bas !!
et bien sur IE celle de gauche ce place a 15 px du bas !! bien sur sur FFx la ca passe bien !et si je met une valeur negative a la "div w3c" , je ratrape le probleme sur ie !! mais je fait disparaitre la div sous ffx !! ??
c est pas un drame mais ca me gonfle de pas trouver !! ;-)) donc si vous voyez merci :))
remarque j en connais qui passe la nuit sur ce genre de conneries qui rendent fou :)) hein mon nounours :-))
A +
RAD
A voir également:
- DIV css
- Div c++ - Télécharger - Langages
- Enlever le soulignement d'un lien css ✓ - Forum CSS
- Remplacer #div/0 par vide ✓ - Forum Excel
- Css download - Télécharger - HTML
- Background color css ✓ - Forum CSS
14 réponses
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
923
27 mai 2007 à 22:12
27 mai 2007 à 22:12
re,
suis de retour à la maison, je peux enfin faire ce que je veux !!!
pour ton problème j'aurais du aller voir la page, ce que je n'ai pas fait comme un newbie que je suis (tous ensemble : "houuuuuuuue !!!").
il suffit de faire :
et là ça passe partout, même sous win IE 6.
alors que le fixed n'est pas reconnu par IE 6.
et le png avec transparence non plus.
bonne soirée à tous !
suis de retour à la maison, je peux enfin faire ce que je veux !!!
pour ton problème j'aurais du aller voir la page, ce que je n'ai pas fait comme un newbie que je suis (tous ensemble : "houuuuuuuue !!!").
il suffit de faire :
div#w3c { position: absolute; left: 0; bottom: 0; } div#css { position: absolute; right: 0; bottom: 0; }
et là ça passe partout, même sous win IE 6.
alors que le fixed n'est pas reconnu par IE 6.
et le png avec transparence non plus.
bonne soirée à tous !
Salut,
Comment ça tu n'as pas trouvé??? Si, si, je t'assure que t'as trouvé IE c'es de la Grosse M....
Désolé je résouds pas ton problème mais en même temps je dis "que ceux qui utilisent encore IE assument!"
@+
Comment ça tu n'as pas trouvé??? Si, si, je t'assure que t'as trouvé IE c'es de la Grosse M....
Désolé je résouds pas ton problème mais en même temps je dis "que ceux qui utilisent encore IE assument!"
@+
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
923
27 mai 2007 à 10:52
27 mai 2007 à 10:52
pfff…
et le temps que tu écrives ça, tu aurais fait une recherche sérieuse tu aurais déjà la réponse…
et le temps que tu écrives ça, tu aurais fait une recherche sérieuse tu aurais déjà la réponse…
LOOOOl
oui dis ca au visiteurs !! je te rapelle que c est le forum webmaster !! donc les problemes IE ont connaient !! mais c est rendre nos site standard sur tout les navigateurs qui nous importe !! c est sur que sans IE on aurais des problèmes en moins !!! mais IE existe et est encore le plus utiliser dans le monde donc pas d autres choix que de rendre nos site standart !!
RAD
oui dis ca au visiteurs !! je te rapelle que c est le forum webmaster !! donc les problemes IE ont connaient !! mais c est rendre nos site standard sur tout les navigateurs qui nous importe !! c est sur que sans IE on aurais des problèmes en moins !!! mais IE existe et est encore le plus utiliser dans le monde donc pas d autres choix que de rendre nos site standart !!
RAD
Re re,
Après un peu plus de recherche quand on passe en position absolute et qu'on met 0% c'est OK sur les 2. Pourquoi IE6.0 ne prends pas l'attribut Pixel chez moi ? C'est certainement dû à leur "peudo compatibilité" avec le w3c.
@+
Après un peu plus de recherche quand on passe en position absolute et qu'on met 0% c'est OK sur les 2. Pourquoi IE6.0 ne prends pas l'attribut Pixel chez moi ? C'est certainement dû à leur "peudo compatibilité" avec le w3c.
@+
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
gryzzly
Messages postés
4608
Date d'inscription
lundi 7 novembre 2005
Statut
Contributeur
Dernière intervention
24 octobre 2020
1 335
26 mai 2007 à 20:50
26 mai 2007 à 20:50
j'ai cherché les div... pas trouvées sur ton site....
t'as essayé un petit margin-bottom ou padding-bottom ?
t'as essayé un petit margin-bottom ou padding-bottom ?
Non content d'être en retard sur l'intégration des standards ils font de la régression!!! Non mais là désolé mais j'en peux plus LLLLLLLLLOOOOOOOOOOLLLLLLLLLLL!!!
Bon courage pour résoudre ton pb!
@+
Bon courage pour résoudre ton pb!
@+
Non pading_bottom ou margin_bottom me les remettent au centre ?? bon mais pire !! maintenant c est l inverse ?????????????????
j explique ! je suis revenue a bottom : 0px et maintenant c est bon IE mais decaler sur FFx ??????? looool j ai plus de cheveux :-))!!
RAD
j explique ! je suis revenue a bottom : 0px et maintenant c est bon IE mais decaler sur FFx ??????? looool j ai plus de cheveux :-))!!
RAD
SALUT
non le container en relatif me recentre les logo par rapport au div "inner" et pas au bord de la fenetre !!
RAD
non le container en relatif me recentre les logo par rapport au div "inner" et pas au bord de la fenetre !!
RAD
SALUT
MERCI atous !! c est regle!!
suis obliger de mettre fixed et 0 !! mais ca passe tout navigateurs !!!
RAD ZONE
a+
RAD
MERCI atous !! c est regle!!
suis obliger de mettre fixed et 0 !! mais ca passe tout navigateurs !!!
RAD ZONE
a+
RAD
Bonjour, je passais par la et j'ai vu la resolution de ton pb.
Pour ton soucis de png, je suppose que c un manque a l'affichage chez IE.
Pour cela, tu as le javascript qui te permet de generer la transparence (petit flash a l'affichage mais c mieux que rien sur IE)
Dans ta page :
if lt IE 7.]>
<script type=text/javascript src=js/png.js></script>
<![endif]
Dans ton repertoire racine 'js' :
function correctPNG()
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}
window.attachEvent("onload", correctPNG);
------------------------------
Et voila, les png passe sur tous les navigateur ie ;)
++
Pour ton soucis de png, je suppose que c un manque a l'affichage chez IE.
Pour cela, tu as le javascript qui te permet de generer la transparence (petit flash a l'affichage mais c mieux que rien sur IE)
Dans ta page :
if lt IE 7.]>
<script type=text/javascript src=js/png.js></script>
<![endif]
Dans ton repertoire racine 'js' :
function correctPNG()
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}
window.attachEvent("onload", correctPNG);
------------------------------
Et voila, les png passe sur tous les navigateur ie ;)
++
SALUT
le probleme du png sur IE a ete regle depuis longtemps !!!
voila ma solution !!
1: creer un fichier avec l extention .htc
dans ce fichier inserer ce code
le sauvegarder sous le nom : iepngfix.htc
2:entre les < head></head> de la page tu mets
tu fais un gif transparent que tu appelle blank.gif
tu envois le tout sur ton serveur , et c est bon !
la solution du fix en .js ne fonctionnais pas chez moi !!
RAD
le probleme du png sur IE a ete regle depuis longtemps !!!
voila ma solution !!
1: creer un fichier avec l extention .htc
dans ce fichier inserer ce code
<public:component> <public:attach event="onpropertychange" onevent="doFix()" /> <script type="text/javascript"> // IE5.5+ PNG Alpha Fix v1.0RC4 // (c) 2004-2005 Angus Turnbull https://www.twinhelix.com/ // This is licensed under the CC-GNU LGPL, version 2.1 or later. // For details, see: http://www.gnu.org/licenses/old-licenses/lgpl-2.1.html // This must be a path to a blank image. That's all the configuration you need. if (typeof blankImg == 'undefined') var blankImg = 'blank.gif'; var f = 'DXImageTransform.Microsoft.AlphaImageLoader'; function filt(s, m) { if (filters[f]) { filters[f].enabled = s ? true : false; if (s) with (filters[f]) { src = s; sizingMethod = m } } else if (s) style.filter = 'progid:'+f+'(src="'+s+'",sizingMethod="'+m+'")'; } function doFix() { // Assume IE7 is OK. if (!/MSIE (5\.5|6\.)/.test(navigator.userAgent) || (event && !/(background|src)/.test(event.propertyName))) return; var bgImg = currentStyle.backgroundImage || style.backgroundImage; if (tagName == 'IMG') { if ((/\.png$/i).test(src)) { if (currentStyle.width == 'auto' && currentStyle.height == 'auto') style.width = offsetWidth + 'px'; filt(src, 'scale'); src = blankImg; } else if (src.indexOf(blankImg) < 0) filt(); } else if (bgImg && bgImg != 'none') { if (bgImg.match(/^url[("']+(.*\.png)[)"']+$/i)) { var s = RegExp.$1; if (currentStyle.width == 'auto' && currentStyle.height == 'auto') style.width = offsetWidth + 'px'; style.backgroundImage = 'none'; filt(s, 'crop'); // IE link fix. for (var n = 0; n < childNodes.length; n++) if (childNodes[n].style) childNodes[n].style.position = 'relative'; } else filt(); } } doFix(); </script> </public:component>
le sauvegarder sous le nom : iepngfix.htc
2:entre les < head></head> de la page tu mets
<script type="text/javascript"> //<![CDATA[ if (document.all && document.styleSheets && document.styleSheets[0] && document.styleSheets[0].addRule) { document.styleSheets[0].addRule('*', 'behavior: url(iepngfix.htc)'); } //]]> </script>
tu fais un gif transparent que tu appelle blank.gif
tu envois le tout sur ton serveur , et c est bon !
la solution du fix en .js ne fonctionnais pas chez moi !!
RAD