Rechercher : dans
Par :
 Signaler ce message aux modérateurs

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

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
Configuration: Windows XP
Firefox 2.0.0.3

1

ptibenou, le 26 mai 2007 à 20:07:32

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!"

@+

Répondre à ptibenou

11

Dalida, le 27 mai 2007 à 10:52:02

Pfff…
et le temps que tu écrives ça, tu aurais fait une recherche sérieuse tu aurais déjà la réponse…
[ Mathieu ]

Il y a surement des pandas pour ne dépendre de rien…

Répondre à Dalida

2

RAD ZONE, le 26 mai 2007 à 20:21:03

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

Répondre à RAD ZONE

3

ptibenou, le 26 mai 2007 à 20:39:15

J'ai voulu t'audé donc j'ai essayé!

Résultat :

Firefox = OK
IE 6.0 = MDR il affiche l'un derrière l'autre en haut!

@+

Répondre à ptibenou

4

ptibenou, le 26 mai 2007 à 20:43:37

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.

@+

Répondre à ptibenou

5

RAD ZONE, le 26 mai 2007 à 20:49:17

Merci mais pas sur IE7 !!!! le % ne change rien !!

RAD

Répondre à RAD ZONE

6

gryzzly, le 26 mai 2007 à 20:50:27

J'ai cherché les div... pas trouvées sur ton site....

t'as essayé un petit margin-bottom ou padding-bottom ?

Répondre à gryzzly

7

ptibenou, le 26 mai 2007 à 20:51:09

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!

@+

Répondre à ptibenou

8

RAD ZONE, le 26 mai 2007 à 20:52:15

Lool oui c est en local Gryzz

je vais essayer le padding ou magin

Répondre à RAD ZONE

9

RAD ZONE, le 26 mai 2007 à 21:04:19

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

Répondre à RAD ZONE

10

Dalida, le 27 mai 2007 à 10:46:18

Salut Rad,

mais dis donc ! c'est quoi cet affreux {position:fixed} ???
et c'est quoi ces unités à la valeur zéro ???

 VVV
(O_O)

si ma mère voyait ça !!!
lol

la faq Alsacréation
le blog de L. Jouanneau
tu pouvais toujours chercher…
-:op

si tu veux tenter le hack chez OpenWeb, je ne recommande toujours pas et ne recommenderai sans doute jamais…

à plus !
[ Mathieu ]
Il y a surement des pandas pour ne dépendre de rien…

Répondre à Dalida

12

ptibenou, le 27 mai 2007 à 11:04:24

Excuse moi mais a priori je ne suis pas le seul à faire de l'humour et si tu avais été un peu plus attentif tu te serais aperçu que par la suite j'ai essayé d'aider. Seulement c'est sur que quand on connait la réponse c'est toujours plus facile de débarquer avec ses grands sabots!

Mon commentaire plus haut n'en reste pas moins vrai : IE n'est qu'une bouse!

@+

Répondre à ptibenou

14

Dalida, le 27 mai 2007 à 12:29:42

Re,

désolé, je ne voulais pas te vexer !
mais je trouve trop facile de balancer des adjectifs pareils.
je sais bien que tu as recherché toi aussi et que tu essaies d'aider tout autant que moi.
-;o)

mais que IE ne soit pas notre ami, nous le savons tous. et nous savons aussi qu'il est encore incontournable. à mon avis, les attaques faciles ne nous mettent pas en valeur. il vaut mieux démontrer que nous sommes assez malins pour savoir faire avec et coder des sites passe partout et stables !

la réponse je l'ai trouvée en faisant une recherche Google avec 'position:fixed'.
bon je l'admets je n'ai pas cherché par hasard… mais avec des recherches sur les propriétés nous avons presque toujours la réponse ou du moins de sérieuses pistes !

j'espère que ce sera sans rancune !
à plus

Répondre à Dalida

17

ptibenou, le 27 mai 2007 à 12:59:04

Re,

Sans rancune aucune ;-)

Mais quand on se fiche des développeurs et des standards, certains ont des réactions épidermiques (moi en premier). De plus, je n'ai rien contre Microsoft (je ne suis pas super réac) Windows XP avec les dernières maj est relativement stable par exemple.
Les techniques de cette sociétés sont juste scandaleuses et bon nombre de petits logiciels qui se permettraient la même chose seraient voués à l'extinction, c'est dans cet ordre d'idée qu'on peut utiliser de tels adjectifs.

Mais je dois être patient :

1 - Rome ne s'est pas faite en un jour, les bons logiciels non plus
2 - La décadence de Rome a causé sa perte, bon nombre d'entreprises aussi

Voilà c'est plus nuancé mais le résultat est le même lol!

@+

Répondre à ptibenou

13

RAD ZONE, le 27 mai 2007 à 12:23:28

SALUT dalida

loooool mais dis donc ! c'est quoi cet affreux {position:fixed} ???
et c'est quoi ces unités à la valeur zéro ???


bah c est que pour l instant c est les seules valeurs qui me donnent presque satisfaction visuelement !:))

et je veut pas entendre parle de hack !!!

looool c est quand meme un comble de ce prendre la tete avec l insertion des logo w3c :-))

RAD

Répondre à RAD ZONE

15

Dalida, le 27 mai 2007 à 12:35:18

Re,

le containeur en position relative et les logos en position absolute, c'est envisageable ou pas ?

suis pas à la maison et je ne peux rien tester…
grrr…
[ Mathieu ]

Il y a surement des pandas pour ne dépendre de rien…

Répondre à Dalida

18

gryzzly, le 27 mai 2007 à 14:58:55

Bonjour,

Mais dis donc dalida, heureuesement que le posiiton fixed existe, sinon j'aurais pas pu poser mes icones d'accès rapide sur ma page !
Lol, je sors...

Répondre à gryzzly

21

Dalida, le 27 mai 2007 à 22:18:24

Salut grrrrrrryzzly,

cf 20.

{position:fixed} existe bien, mais à quel prix. faudrait que je fasse le teste avec les navigateurs Mac et Linux je suis sûr qu'on aurait encore quelques surprises !!!

et pour la marmotte et ses congénères, ça se passe bien le css "timé" ?
[ Mathieu ]

Il y a surement des pandas pour ne dépendre de rien…

Répondre à Dalida

23

gryzzly, le 27 mai 2007 à 22:23:45

Le css timé, il en est là : javascript desactive

--> a chier des bulles à cause de IE6 justement ! avec le design au passage ... a cause de IE 6 toujours !

Répondre à gryzzly

24

Dalida, le 27 mai 2007 à 22:48:29

Oki, ce sera pour demain moi je vais me coucher !!!
[ Mathieu ]

Il y a surement des pandas pour ne dépendre de rien…

Répondre à Dalida

16

RAD ZONE, le 27 mai 2007 à 12:46:33

SALUT

non le container en relatif me recentre les logo par rapport au div "inner" et pas au bord de la fenetre !!

RAD

Répondre à RAD ZONE

19

RAD ZONE, le 27 mai 2007 à 15:34:35

SALUT

MERCI atous !! c est regle!!

suis obliger de mettre fixed et 0 !! mais ca passe tout navigateurs !!!

RAD ZONE
a+

RAD

Répondre à RAD ZONE

20

Dalida, le 27 mai 2007 à 22:12:24

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 :

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 !
[ Mathieu ]
Il y a surement des pandas pour ne dépendre de rien…

Répondre à Dalida

22

RAD ZONE, le 27 mai 2007 à 22:21:34

OK c est bon !! merci

sauf le png !! il faudrais que je passe un gif !!

RAD

Répondre à RAD ZONE

25

acetone, le 16 nov 2007 à 12:06:17

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

++

Répondre à acetone

26

 RAD ZONE, le 16 nov 2007 à 14:45:53

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

<public:component>
<public:attach event="onpropertychange" onevent="doFix()" />

<script type="text/javascript">

// IE5.5+ PNG Alpha Fix v1.0RC4
// (c) 2004-2005 Angus Turnbull http://www.twinhelix.com

// This is licensed under the CC-GNU LGPL, version 2.1 or later.
// For details, see: http://creativecommons.org/licenses/LGPL/2.1/


// 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

♣ La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣

Répondre à RAD ZONE