Problème de positionnement de calques css et IE 6 [Résolu]

cs_Justkill 46 Messages postés mardi 18 septembre 2007Date d'inscription 18 février 2009 Dernière intervention - 28 août 2008 à 17:44 - Dernière réponse : PetoleTeam 3435 Messages postés lundi 26 décembre 2005Date d'inscription 14 janvier 2011 Dernière intervention
- 1 sept. 2008 à 22:03
Bonjour à vous,
je viens vous voir encore une fois pour avoir vos conseils éclairés. En effet, comme l'énonce le titre, j'ai un soucis de positionnement de mes div sous IE6. Même si la version 7 est sortie, la version 6 et selon les statistiques, beaucoup utilisée (25%). Je vous donne l'url du site en question :

[www.location-a-cauterets.com www.location-a-cauterets.com]

Sous firefox  et IE 7 y a aucun problème de positionnement. Cette question est je crois assez récurrente, mais trop souvent restée sans réponses. J'ai fait pas mal de recherche sans succès.

J'ai trois calques à replacer en fait, tous contenant du flash.

voir le screen : http://www.location-a-cauterets.com/IE6.JPG

Ce que je voudrais c'est qu'au moins le site soit affiché correctement sous IE 6. JUste ça serait déjà grandiose. Je sais que c'est pas une mince affaire ça, mais si quelqu'un peut m'aider, ce serait cool.

Et puis au cas où, le code de la page index :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns= "http://www.w3.org/1999/xhtml" xml:lang="en">

<head>
<script language="javascript">AC_FL_RunContent = 0;</script>
<script src="AC_RunActiveContent.js" language="javascript"></script>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="verify-v1" content="05d+s7xnefMxuLacQi6HWT7lB3T4aeb5v/S2yEhseTQ=" />
<title> Location à Cauterets d'un appartement à moins de 400€, tarifs très compétitifs, description, www.location-a-cauterets.com, location à la montagne, location 65110</title>
<!--Meta tag-->
<TITLE> Location d'appartement à Cauterets de Type 3 pour une à cinq personnes entre 300€ et 400€ par semaine, très proche des télécabines et de la cure thermale, emplacement</TITLE>
<META NAME="Keywords" CONTENT="Location d'appartement à Cauterets de Type 3 pour une à cinq personnes, appartement location cauterets, location à cauterets,moins de 400€, pas cher, tarifs dégressifs, photos appartement, disponibilités, www.location-a-cauterets.com, louer à cauterets, location cauterets">
<META NAME="Description" CONTENT="Location d'appartement à Cauterets de Type 3 pour une à cinq personnes à moins de 400€ la semaine">
<META NAME="Robots" CONTENT="index, follow, all">
<META NAME="Author" CONTENT="Justkill">
<META NAME="Reply-to" CONTENT="location-a-cauterets@laposte.net">
<META NAME="Identifier-URL" CONTENT="http://www.location-a-cauterets.com">
<META NAME="Generator" CONTENT="Bloc note">
<!--Fin Meta tag-->

<style type="text/css">
<!--

#pro_linedrop {
    position:absolute;
    left:0%;
    top:40%;
    width:100%;
    height:20%;
    z-index:10;
}

#apDiv2 {
position:absolute;
left:88px;
top:2px;
width:843px;
height:13px;
z-index:102;
}
#apDiv3 {
position:absolute;
left:115px;
top:21px;
width:800px;
height:250px;
z-index:102;
}
#apDiv1 {
position:absolute;
left:2%;
top:65%;
width:80%;
height:25%;
z-index:108;
background-color: #FFFFFF;
background-repeat:no-repeat;
width: 96%;
}

#contenu {
    position:absolute;
    margin-left:2%;
    top:60%;
    width:96%;
    height:95%;
    z-index:8;
font-family:Arial color:#000099;
}

#apDiv4 {
position:absolute;
left:53px;
top:31px;
width:422px;
height:205px;
z-index:107;
}
#apDiv5 {
position:absolute;
left:58px;
top:34px;
width:388px;
height:198px;
z-index:107;
}
.Style4 {
font-size: 18px;
text-align:center;
margin:2px 0px;
padding:0px;
font-weight: bold;
color: #000000;
}
#apDiv6 {
position:absolute;
left:5%;
top:5%;
width:50%;
height:40%;
z-index:108;
}
#Text {
    position:absolute;
    left:15%;
    top:0%;
    width:22%;
    height:8%;
    z-index:12;
}

#Neige {
position:fixed;
width:98%;
height:98%;
background-image:url(Neige/Neige.swf);
background-attachment:fixed;
background-position:center;
background-repeat:no-repeat;
z-index:1;

}
#Images {
    position:absolute;
    left:1%;
    top:5%;
    width:60%;
    height:42%;
    z-index:12;
}
#Pub {
    position:absolute;
    left:45%;
    top:12%;
    width:40%;
    height:12%;
    z-index:12;
}
#Or {
    position:absolute;
    left:66%;
    top:22%;
    width:21%;
    height:20%;
    z-index:12;
}

#Compteur {
    position:absolute;
    left:80%;
    top:0%;
    width:15%;
    height:4%;
    z-index:31;
}
.Style7 {
    font-size: 13px;
    color: #0000FF;
    font-style: italic;
    font-weight: bold;
}
-->
</style>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>



<!-- Début codage Menu -->

  <object width="100%" height="100%">
   
   
   
  </object>



[Or/index.php ]

Visites


<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="100%" height="100%">




</object>

<script type="text/javascript"> function setsize(h) { document.getElementById('contenu').style.height=h+'px'; } </script>
 

 



[Pages/Accueil.html ]
<object width ="100%" height="100%">



</object>



<!--URL utilisées dans l'animation-->
<!--texte utilisé dans l'animation-->
<!-- saved from url=(0013)about:internet -->
<script language="javascript">
if (AC_FL_RunContent == 0) {
alert("Cette page nécessite le fichier AC_RunActiveContent.js.");
} else {
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0','width','100%','height','100%','id','images','align','middle','src','images','quality','high','wmode','transparent','bgcolor','#ffffff','name','images','allowscriptaccess','sameDomain','allowfullscreen','false','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','images' ); //end AC code
}
</script>
<noscript>

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" name="images" width="100%" height="100%" align="middle" id="images">



</object>
</noscript>





Location d'appartement à Cauterets de Type 3 pour une à cinq personnes à partir de 300€ la semaine.











</html>

Voilà je vous remerci, et comme d'habitude, une ou plusieurs personnes me permettront d'avancer avec leurs conseils.

Cordialement, et merci d'avance.
Afficher la suite 

Votre réponse

8 réponses

Meilleure réponse
PetoleTeam 3435 Messages postés lundi 26 décembre 2005Date d'inscription 14 janvier 2011 Dernière intervention - 30 août 2008 à 12:19
3
Merci
petite coquille


<!--[if lt IE 7]>

...et non

<!--[if if lt IE 7]>

.
;O)

Merci PetoleTeam 3

Avec quelques mots c'est encore mieux Ajouter un commentaire

Codes Sources a aidé 95 internautes ce mois-ci

Commenter la réponse de PetoleTeam
Meilleure réponse
cs_Justkill 46 Messages postés mardi 18 septembre 2007Date d'inscription 18 février 2009 Dernière intervention - 30 août 2008 à 21:48
3
Merci
OK merci à toi, c'est super cool!! Je vais tester le codage conditionnel, je voulais pas passer pas ça mais bon... Ce que je comprends pas c'est qu'il y a trois divs (menu, images et text avec effet) qui ne veulent pas se caller. Dans ces calques il n'y a que des fichiers flash. Les pourcentages ne sont pas compris sous IE6?

Donc je vais faire un codage conditionnel et je vais voir ce que ça donne. Je te tiens au jus, et s'il y a des pb je peux compter sur tes conseils??

Merci encore!!!

Merci cs_Justkill 3

Avec quelques mots c'est encore mieux Ajouter un commentaire

Codes Sources a aidé 95 internautes ce mois-ci

Commenter la réponse de cs_Justkill
Meilleure réponse
cs_Justkill 46 Messages postés mardi 18 septembre 2007Date d'inscription 18 février 2009 Dernière intervention - 1 sept. 2008 à 19:33
3
Merci
Bonsoir à vous, je vais répondre à ma propre question et même au-delà. Car j'espère (de tout coeur) que s'il y a une personne un jour dans cette situation, qu'elle puisse y remédier. Le problème d'IE6 et vraiment lourd et récurant.

Je vais tenter de répondre à ces différentes questions :
- Comment ajuster et positionner les div sous IE6.
- Comment résoudre le problème des png non pris en compte sans un hack javascript.
- Fixer le fond car la propriété background-position: fixed; n'est pas reconnue.

>Comment ajuster et positionner les div sous IE6.

Tout d'abord IE7 et Firefox 3 sont sortis, le problème ne se pose plus pour ceux-là.

J'ai donc un index.php général qui défini mes containers et le contenant. Mais pour IE 6, j'ai était obligé de créer une condition (je crois qu'on appel ça un hack javascript)

Donc ma page index.php de départ :






Location d'appartement à Cauterets de Type 3 pour une à cinq personnes à partir de 300€ la semaine, très proche des télécabines et de la cure thermale










AC_FL_RunContent = 0;



 







 
   
   
   
 



 
   
   
   
 

Visites

 
   
   
   
   
 


function setsize(h) { document.getElementById('contenu').style.height=h+'px'; }
 

 



[Pages/Accueil.html ]












if (AC_FL_RunContent == 0) {
alert("Cette page nécessite le fichier AC_RunActiveContent.js.");
} else {
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0','width','100%','height','100%','id','images','align','middle','src','images','quality','high','wmode','transparent','name','images','allowscriptaccess','sameDomain','allowfullscreen','false','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','images' ); //end AC code
}














Location d'appartement à Cauterets de Type 3 pour une à cinq personnes à partir de 300€ la semaine.












Comme on peut le voir en rouge, le if lt IE7 permet de définir que "s'il y a une version antérieure à IE7 alors je lis ma feuille de style"

Dans la feuille de style en dessous (IE6.css) j'ai défini des critères que IE6 reconnait.
-Notamment un rajout de "div" devant chaque conteneurs pour que cela fonctionne.
-Et pour ma part, ( je sais pas si c'est pour tout le monde), si toutes mes valeurs sont en pourcentage, ça déconne de nouveau. Donc obligé de fixé une hauteur (ou une largeur) en valeur fixe.

Voilà ce que donne ma feuille de style IE6.css avec mes contenants:

html {
margin:0;
padding:0;
}

body {
background-color : white;
font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif;
}

div#Menu {
    position:absolute;
    left:10px;
    top:45%;
    width:96%;
    height:150px;
    z-index:2;
   
}

div#contenu {
    position:absolute;
    margin-left:10px;
    top:60%;
    width:96%;
    height:95%;
    z-index:3;
font-family:Arial color:#000099;
}

div#Text {
    position:absolute;
    left:15%;
    top:0px;
    width:22%;
    height:50px;
    z-index:4;
}
div#Images {
    position:absolute;
    left:10px;
    top:55px;
    width:60%;
    height:300px;
    z-index:5;
}
div#Pub {
    position:absolute;
    left:48%;
    top:12%;
    width:40%;
    height:70px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    z-index:6;
}
div#Or {
    position:absolute;
    left:66%;
    top:22%;
    width:21%;
    height:150px;
    z-index:7;
}
div#Compteur {
    position:absolute;
    left:80%;
    top:0%;
    width:15%;
    height:30px;
    z-index:8;
}

.Style4 {
font-size: 14px;
text-align:center;
margin:2px 0px;
padding:0px;
font-weight: bold;
color: #000000;
}
.Style7 {
    font-size: 13px;
    color: #0000FF;
    font-style: italic;
    font-weight: bold;
}

Et voilà un problème de résolu.

Comment résoudre le problème des png non pris en compte sans un hack javascript.

Et bien tout simplement avec le flash, une image JPG étant inscrutée dans le flash.
On met ça en wmode ="transparent" et c'est bon. On contourne le problème. Certe ça peut-être un peu plus lourd mais ça fonctionne.

>Fixer l'image de fond : la propriété background-position: fixed; n'est pas reconnue.

Et bien j'ai trouvé sur le net un petit hack javascript qui permet de faire celà. Le petit hic, c'est que l'image saute un peu lorsque que la page défile. Pour cause, ce hack permet de calculer les distances entre le haut et le bas, la gauche et la droite, et ajuste le background en conséquence.

Voilà le code de mon fichier fixed.js :

// fixed.js: fix fixed positioning and fixed backgrounds in IE/Win
// version 1.8, 08-Aug-2003
// written by Andrew Clover , use freely

/*@cc_on
@if (@_win32 && @_jscript_version>4)

var fixed_positions= new Array();
var fixed_backgrounds= new Array();
var fixed_viewport;

// Initialisation. Called when the tag arrives. Set up viewport so the
// rest of the script knows we're going, and add a measurer div, used to detect
// font size changes and measure image sizes for backgrounds later  

function fixed_init() {
  fixed_viewport= (document.compatMode=='CSS1Compat') ?
    document.documentElement : document.body;
  var el= document.createElement('div');
  el.setAttribute('id', 'fixed-measure');
  el.style.position= 'absolute';
  el.style.top= '0'; el.style.left= '0';
  el.style.overflow= 'hidden'; el.style.visibility= 'hidden';
  el.style.fontSize= 'xx-large'; el.style.height= '5em';
  el.style.setExpression('width', 'fixed_measureFont()');
  document.body.insertBefore(el, document.body.firstChild);
}

// Binding. Called every time an element is added to the document, check it
// for fixed features, if found add to our lists and set initial props  

function fixed_bind(el) {
  var needLayout= false;
  var tag= el.tagName.toLowerCase();
  var st= el.style;
  var cst= el.currentStyle;
  var anc;

  // find fixed-position elements
  if (cst.position=='fixed') {
    needLayout= true;
    fixed_positions[fixed_positions.length]= el;
    // store original positioning as we'll overwrite it
    st.position= 'absolute';
    st.fixedPLeft=   cst.left;
    st.fixedPTop=    cst.top;
    st.fixedPRight=  cst.right;
    st.fixedPBottom= cst.bottom;
    st.fixedPWidth=  fixed_parseLength(cst.width);
    st.fixedPHeight= fixed_parseLength(cst.height);
    // find element that will act as containing box, for convenience later
    st.fixedCB= null;
    for (anc= el; (anc= anc.parentElement).parentElement;) {
      if (anc.currentStyle.position!='static') {
        st.fixedCB= anc;
        break;
    } }
    // detect nested fixed positioning (only ancestor need move)
    st.fixedNest= false;
    for (anc= el; anc= anc.parentElement;) {
      if (anc.style.fixedNest!=null)
        st.fixedNest= true;
        break;
    }
  }

  // find fixed-background elements (not body/html which IE already gets right)
  if (cst.backgroundAttachment=='fixed' && tag!='body' && tag!='html') {
    needLayout= true;
    fixed_backgrounds[fixed_backgrounds.length]= el;
    // get background offset, converting from keyword if necessary
    st.fixedBLeft= fixed_parseLength(cst.backgroundPositionX);
    st.fixedBTop=  fixed_parseLength(cst.backgroundPositionY);
    // if it's a non-zero %age, need to know size of image for layout
    if (st.fixedBLeft[1]=='%' || st.fixedBTop[1]=='%') {
      st.fixedBWidth= 0; st.fixedBHeight= 0;
      fixed_measureBack(el);
    }
  }
  if (needLayout) fixed_layout();
}

// Layout. On every window or font size change, recalculate positioning  

// Request re-layout at next free moment
var fixed_delaying= false;
function fixed_delayout() {
  if (fixed_delaying) return;
  fixed_delaying= true;
  window.setTimeout(fixed_layout, 0);
}

var fixed_ARBITRARY= 200;

function fixed_layout() {
  fixed_delaying= false;
  if (!fixed_viewport) return;
  var i, el, st, j, pr, tmp, A= 'auto';
  var cb, cbLeft, cbTop, cbRight, cbBottom, oLeft, oTop, oRight, oBottom;
  var vpWidth=fixed_viewport.clientWidth, vpHeight=fixed_viewport.clientHeight;

  // calculate initial position for fixed-position elements [black magic]
  for (i= fixed_positions.length; i-->0;) {
    el= fixed_positions[i]; st= el.style;
    // find positioning of containing block
    cb= st.fixedCB; if (!cb) cb= fixed_viewport;
    cbLeft= fixed_pageLeft(cb); cbTop= fixed_pageTop(cb);
    if (cb!=fixed_viewport) { cbLeft+= cb.clientLeft; cbTop+= cb.clientTop; }
    cbRight= fixed_viewport.clientWidth-cbLeft-cb.clientWidth;
    cbBottom= fixed_viewport.clientHeight-cbTop-cb.clientHeight;
    // if size is in %, must recalculate relative to viewport
    if (st.fixedPWidth[1]=='%')
      st.width= Math.round(vpWidth*st.fixedPWidth[0]/100)+'px';
    if (st.fixedPHeight[1]=='%')
      st.height= Math.round(vpHeight*st.fixedPHeight[0]/100)+'px';
    // find out offset values at max size, to account for margins
    st.left= A; st.right= '0'; st.top= A; st.bottom= '0';
    oRight= el.offsetLeft+el.offsetWidth; oBottom= el.offsetTop+el.offsetHeight;
    st.left= '0'; st.right= A; st.top= '0'; st.bottom= A;
    oLeft= el.offsetLeft; oTop= el.offsetTop;
    // use this to convert all edges to pixels
    st.left= A; st.right= st.fixedPRight;
    st.top= A; st.bottom= st.fixedPBottom;
    oRight-= el.offsetLeft+el.offsetWidth;
    oBottom-= el.offsetTop+el.offsetHeight;
    st.left= st.fixedPLeft; st.top= st.fixedPTop;
    oLeft= el.offsetLeft-oLeft; oTop= el.offsetTop-oTop;
    // edge positioning fix
    if (st.fixedPWidth[1]==A && st.fixedPLeft!=A && st.fixedPRight!=A) {
      tmp= el.offsetLeft; st.left= A; st.width= fixed_ARBITRARY+'px';
      tmp= fixed_ARBITRARY+el.offsetLeft-tmp+cbLeft+cbRight;
      st.left= st.fixedPLeft; st.width= ((tmp0;) {
    st= fixed_positions[i].style;
    viewportX= (st.fixedNest) ? 0 : scrollX;
    viewportY= (st.fixedNest) ? 0 : scrollY;
    if (st.fixedCLeft!='auto') st.left= (st.fixedCLeft+viewportX)+'px';
    if (st.fixedCTop!='auto') st.top= (st.fixedCTop+viewportY)+'px';
    viewportX= (st.fixedCB==null || st.fixedCB==fixed_viewport) ? 0 : viewportX;
    viewportY= (st.fixedCB==null || st.fixedCB==fixed_viewport) ? 0 : viewportY;
    st.right= (st.fixedCRight-viewportX+1)+'px'; st.right= (st.fixedCRight-viewportX)+'px';
    st.bottom= (st.fixedCBottom-viewportY+1)+'px'; st.bottom= (st.fixedCBottom-viewportY)+'px';
  }

  // align fixed backgrounds to viewport
  for (i= fixed_backgrounds.length; i-->0;) {
    el= fixed_backgrounds[i]; st= el.style;
    viewportX= scrollX;
    viewportY= scrollY;
    while (el.offsetParent) {
      viewportX-= el.offsetLeft+el.clientLeft;
      viewportY-= el.offsetTop +el.clientTop;
      el= el.offsetParent;
    }
    st.backgroundPositionX= (st.fixedBX+viewportX)+'px';
    st.backgroundPositionY= (st.fixedBY+viewportY)+'px';
  }

  // call back again in a tic
  if (!fixed_patching) {
    fixed_patching= true;
    window.setTimeout(fixed_patch, fixed_PATCHDELAY);
  }
}

// Measurement. Load bg-image into an invisible element on the page, when
// loaded write the width/height to an element's style for layout use; detect
// when font size changes

function fixed_measureBack(el) {
  var measure= document.getElementById('fixed-measure');
  var img= document.createElement('img');
  img.setAttribute('src', fixed_parseURL(el.currentStyle.backgroundImage));
  measure.appendChild(img);
  el.style.fixedBImage= img;
  if (img.readyState=='uninitialized')
    img.attachEvent('onreadystatechange', fixed_measureBackImage_ready);
}

function fixed_measureBackImage_ready() {
  var img= event.srcElement;
  if (img && img.readyState!='uninitialized') {
    img.detachEvent('onreadystatechange', fixed_measureBackImage_ready);
    fixed_layout();
  }
}

var fixed_fontsize= 0;
function fixed_measureFont() {
  var fs= document.getElementById('fixed-measure').offsetHeight;
  if (fixed_fontsize!=fs && fixed_fontsize!=0)
    fixed_delayout();
  fixed_fontsize= fs;
  return '5em';
}

// Utility. General-purpose functions

// parse url() to get value inside

function fixed_parseURL(v) {
  v= v.substring(4, v.length-1);
  if (v.charAt(0)=='"' && v.charAt(v.length-1)=='"' ||
      v.charAt(0)=="'" && v.charAt(v.length-1)=="'")
    return v.substring(1, v.length-1);
  else return v;
}

// parse length or auto or background-position keyword into number and unit

var fixed_numberChars= '+-0123456789.';
var fixed_ZERO= new Array(0, 'px');
var fixed_50PC= new Array(50, '%');
var fixed_100PC= new Array(100, '%');
var fixed_AUTO= new Array(0, 'auto');

function fixed_parseLength(v) {
  var num, i;
  if (v=='left'  || v=='top')    return fixed_ZERO;
  if (v=='right' || v=='bottom') return fixed_100PC;
  if (v=='center') return fixed_50PC;
  if (v=='auto')   return fixed_AUTO;
  i= 0;
  while (i

Merci cs_Justkill 3

Avec quelques mots c'est encore mieux Ajouter un commentaire

Codes Sources a aidé 95 internautes ce mois-ci

Commenter la réponse de cs_Justkill
PetoleTeam 3435 Messages postés lundi 26 décembre 2005Date d'inscription 14 janvier 2011 Dernière intervention - 28 août 2008 à 23:12
0
Merci
Bonjour,
vite fait en regardant ton code...


devrait plutôt être
= "contenu">

Beaucoup trop de
positions sont données en pourcentage, risque de mauvais positionnement lié à
l'interprétation du flux dans le document.

Un code allégé aurait été
préférable pour une analyse...

Mets dans le style de tes div une border : 1px solid couleur  pour mieux te rendre compte de leurs positions dans le document

;O)
Commenter la réponse de PetoleTeam
cs_Justkill 46 Messages postés mardi 18 septembre 2007Date d'inscription 18 février 2009 Dernière intervention - 29 août 2008 à 14:45
0
Merci
Merci de t'y intéresser Petoleteam. Si tu trouves qu'il y a trop de données en pourcentage c'est voulu et tout à fait normal. Je veux que mon site soit adaptable à l'écran de l'utilisateur, des div en taille fixene conviendraient donc pas.

Je crois que le problème provient de mes conteneurs. La position relative n'est pas connu sous IE 6 si j'ai bien compris . Alors voilà mes questions.

- Y a t'il un code javascript qui force IE 6 à faire des div avec une position relative?
- Peut-on faire un codage "conditionnel" pour IE 6?? du style <!-- if lte IE6--> codage..... <--Endif >    . Même si ce codage devra comporter des tailles fixes pour mes calques, et non des pourcentage.
- Et vous comment faites vous pour gérer votre site sous IE6?? J'essaie que ce site soit visible par le maximum de personnes.

Pour infos IE 6 et encore utilisé par 25% des internautes. Donc ce n'est pas négligeable. 
Cordialement.
Commenter la réponse de cs_Justkill
cs_Justkill 46 Messages postés mardi 18 septembre 2007Date d'inscription 18 février 2009 Dernière intervention - 29 août 2008 à 23:31
0
Merci
Personne n'a une idée?? Je galère de trop!!!
Commenter la réponse de cs_Justkill
PetoleTeam 3435 Messages postés lundi 26 décembre 2005Date d'inscription 14 janvier 2011 Dernière intervention - 30 août 2008 à 12:17
0
Merci
Bonjour,
tout d'abord je tiens à préciser que je
n'ai plus IE 6 depuis peu, donc je ne peut pas
tester...

<table bgcolor= "#e6effe" border="0" cellpadding="5" cellspacing="0" width="100%">----, La position relative n'est pas connu sous IE 6
si j'ai bien
compris</td>
</td></tr></tbody></table>par défaut
la position des DIVs est relative et ce quelque soit le navigateur IE 6 compris.

<table bgcolor ="#e6effe" border="0" cellpadding="5" cellspacing="0" width="100%">----, Peut-on faire un codage \"conditionnel\" pour IE
6??</td>
</td></tr></tbody></table>Oui en
utilisant par exemple un commentaire conditionnel pour insérer une feuille de
style
<!--[if if lt IE
7]>
<link type="text/css" rel="stylesheet" href="styles-ie.css" />

<![endif]-->

<table bgcolor="#e6effe" border="0" cellpadding="5" cellspacing="0" width="100%">----, Et vous comment faites vous pour gérer votre
site sous IE6??</td>
</td></tr></tbody></table>Un
respect au mieux des régles CSS garanti, dans bien des cas, une homogénéïté
d'affichage sous les différents navigateurs...

Commence peut être avec
des dimensions fixes puis bascule petit à petit avec des pourcentages...

Un petit lien pour plein d'info à lire...

C'est en forgeant que
l'on devient vachement fatigué...
;O)
Commenter la réponse de PetoleTeam
PetoleTeam 3435 Messages postés lundi 26 décembre 2005Date d'inscription 14 janvier 2011 Dernière intervention - 1 sept. 2008 à 22:03
0
Merci
Bonjour,
C'est toi qu'il faut remercier car peu de
gens prennent le temps de poster la réponse de façon aussi compléte...
;O)
Commenter la réponse de PetoleTeam

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.