18073 sujets

Questions générales et questions de débutants

Float et div non coulant sous l'image sur IE mac

Bonjour, Smiley smile

j'ai un problème avec IE mac... et ce que je cherche à faire est tellement simple que je ne comprends rien !
Cette présentation marche sur tous les navigateurs sur Mac sauf IE . En est-il de même sur IE windows ce qui serait + gênant ? N'ayant pas de PC sous la main je ne peux pas vérifier ...
La page se trouve ici http://www.decidela.info/ie/ie2.html
la CSS:
* {
margin: 0;
padding: 0;
border: 0;
font-size: 1em;
font-weight: normal;
font-style: normal;
text-decoration: none;
}
body {
font: 0.8em "Comic Sans MS", sans-serif;
margin: 0;
padding: 0;
background-color:#000000;
}
#conteneur {
background-color:#006699;
}
#ie{
margin-left:150px;
float:left;
}
#header {
height:110px;
margin-left: 150px;
margin-right: 150px;
background-color:#ffffff;
background:url(bandephot.jpg)160px 0px repeat-x;
}
#centre {
background-color:#ffffff;
margin-left:150px;
margin-right: 150px;
}


Le HTML:
<body>
    <div id="conteneur">
      <img id ="ie" src="titre.jpg" alt="" /><div id="header"></div>
     <div id="centre">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas interdum molestie nunc. Pellentesque dapibus erat nec urna fringilla cursus. Nunc mattis velit a dui. Nulla dolor. Phasellus ut libero. Nulla erat felis, fringilla sit amet, egestas eu, feugiat eget, purus. Proin dignissim, dolor sed eleifend ultricies, est erat adipiscing justo, in tempus odio arcu sollicitudin nisl. Etiam leo libero, elementum eu, tincidunt sit amet, mattis id, purus. Sed tristique libero eget lectus. Aliquam egestas, lectus eu mattis sollicitudin, nulla ipsum vehicula turpis, ut consequat enim sem ac nunc. Aliquam bibendum facilisis lorem. Integer hendrerit sem tristique lectus. In pulvinar quam id pede. Integer blandit porta elit.
Sed mauris velit, lacinia bibendum, dignissim et, dictum id, pede. Nam ut mauris vel ligula laoreet varius. Fusce posuere velit eu arcu. Nulla pulvinar venenatis pede. Praesent dignissim, eros et luctus vulputate, ligula metus nonummy turpis, et convallis odio massa quis leo. Vivamus ullamcorper lobortis metus. Maecenas rutrum sollicitudin ante. Suspendisse potenti. Aenean eu lorem. Cras quam. Nulla scelerisque augue quis magna.
Sed congue placerat dolor. Curabitur lectus leo, consequat sed, dapibus et, posuere a, massa. Aenean a orci. JE VOUS EPARGNE LA SUITE...</div>
    </div>
  </body>

Si vous avez une solution ou une piste elle est la bienvenue ... j'ai beaucoup fouillé sur ce site et sur d'autres, mais sans aucun résultat ...
Smiley decu
Quelqu'un pourrait t'il au moins me dire si la présentation est correcte avec ie windows ? (le texte reste sous fond blanc en dessous de l'image ).
merci...
Modifié par deci-dela (22 Mar 2006 - 20:38)
Administrateur
bonjour,

background:url(bandephot.jpg)[#blue]{espace}[/#]160px 0px repeat-x;


Il te faut rajouter un espace entre la parenthèse fermante de l'URL et 160px. A ce moment-là IE6 (Win donc) affiche correctement l'image de fond Smiley smile

J'ignore ce qui est en réalité exigé par les normes CSS du W3C, mais "tout le monde" met un espace entre les deux-points et la valeur donnée à une propriété CSS. Par souci de lisibilité certainement, de respect d'une norme d'écriture je ne sais pas (quelqu'un sait?)

EDIT: pour tester l'affichage dans des navigateurs que tu n'aurais pas, il y a http://www.browsershots.org (va dans Options pour choisir le minimum de navigateurs qui t'intéressent et ainsi éviter d'encombrer les files d'attentes inutilement Smiley smile )
Modifié par Felipe (23 Mar 2006 - 13:36)
Merci beaucoup de cette réponse mais après modif oups... ça ne change rien pour moi et j'ai toujours ça:
upload/5721-Firefox.jpg sur firefox,
et ça :
upload/5721-IE.jpg pour IE Mac...

Ce n'est pourtant pas une trouvaille, un
 float:left;
ni un truc hyper complex Smiley rolleyes
décidement ...J'aime pas.... Smiley cligne
Il n'y a vraiment personne pour m'expliquer ce petit (grand mystère ?) ...
et sinon comment faire pour que seul ie mac ou old versions windows prenne en compte ma css , et que je redirige les autres navigateurs sur une css en import que ie mac ne lira pas ?
Il me semble que si j' importe une css non visible par ie, les autres navigateur liront également celle en : link... ou ne vont-ils lirent que la css en @ liée à la 1ere ?

je ne sais pas si je suis très claire ??? pas sur ! si vous ne comprenez pas, j'essaierai de faire plus simple Smiley smile
merci d'avance pour vos réponses...
Sujet clos
Aller à