Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1134 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Problème affichage sous IE 6

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Problème affichage sous IE 6

n°1754635
pnkumu
Posté le 02-07-2008 à 17:12:03  profilanswer
 

Bonjour , je viens de m'inscrire sur ce forum car j'ai un problème d'affichage de mon site web sous internet explorer 6 ou inferieur uniquement , mozilla et IE7 fonctionne parfaitement .
Comme vous pouvez le voir sur IE6 mon site http://www.blandine-eb.be est entierement reparti à gauche cad le bloc central et le bas de page se retrouve en dessous du menu à gauche hors sous IE 7 et sous mozilla l'affichage se fait correment avec l'en-tëte au dessus , le menu gauche , le bloc central à droite et le bas de page en dessous du menu . J'ai revue mon script html ainsi que mes feuilles de style et je ne vois pas l'erreur . Voulez - vous bien m'aider .merci  
Voici mes codes :
 
index.html
 
<?xml version="1.0" encoding="utf-8"?>
<!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" lang="en">
<head>
<title>Blandine Espace Beauté</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="layout.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="BackToTheHtml/backtothehtml.js"></script>
<script src="rollover.js" type="text/javascript"></script>
<script src="maxheight.js" type="text/javascript"></script>
 
<bgsound src="neyo.mp3" loop="infinite">
 
</head>
 
<body id="page1" onload="new ElementMaxHeight();MM_preloadImages('images/m1_act.gif','images/m2_act.gif','images/m3_act.gif','images/m4_act.gif','images/m5_act.gif','images/m6_act.gif','images/m7_act.gif','images/bannieregauche.jpg','images/blandine.jpg','images/presentation.jpg')" >
 <div id="main">
  <!-- header -->
  <div id="header">
   <div class="row_1">
    <div class="col_1">
     
    </div>
    <div class="col_2">
     
    </div>
    <div class="clear"></div>
   </div>
   <div class="row_2">
    <div class="left">
     <div class="right">
      <div class="inner">
       <a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('r_1','','images/m1_act.gif',1)"><img alt="" src="images/m1_act.gif" id="r_1" /></a><a href="galerie.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('r_2','','images/m2_act.gif',1)"><img alt="" src="images/m2.gif" id="r_2" /></a><a href="equipe.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('r_3','','images/m3_act.gif',1)"><img alt="" src="images/m3.gif" id="r_3" /></a><a href="prix.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('r_4','','images/m4_act.gif',1)"><img alt="" src="images/m4.gif" id="r_4" /></a><a href="contact.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('r_5','','images/m5_act.gif',1)"><img alt="" src="images/m5.gif" id="r_5" /></a><a href="http://www.eibgospel.be/contactwebmaster/contact.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('r_6','','images/m6_act.gif',1)"><img alt="" src="images/m6.gif" id="r_6" /></a>
      </div>
     </div>
    </div>
   </div>
  </div>
  <!-- content -->
  <div id="content">
   <div class="container">
    <div class="col_1">
     <div class="block">
      <div class="indent">
       <img class="title" alt="" src="images/bannieregauche.jpg" />
       <img class="title" alt="" src="images/fillegauche.jpg" /><br />
       <img class="title" alt="" src="images/adresse.jpg" /><br />
       <dl class="list1"></dl>
       
      </div>
     </div>
     <a href="#"><img alt="" src="images/1page_banner1.jpg" /></a>
    </div>
    <div class="col_2">
     <div class="indent1">
      <div class="line_hor">
       
       <object type="application/x-shockwave-flash" data="dewslider.swf?xml=dewslider.xml" width="590" height="390">
                            <param name="movie" value="dewslider.swf?xml=dewslider.xml" />
                            </object><br>
                             <br><br><h2>Pour une vue plus sp&eacute;cifique des photos , rendez vous &agrave; la galerie Photos !!!!</h2>
       
       
      </div>
      <div class="container">
       <div class="column1">
        <div class="inner"><br><br>
         <img class="title" alt="" src="images/presentation.jpg" /><br />
         <h2>Un salon de coiffure n&rsquo;est pas seulement synonyme de coupe ou soins. Blandine Espace Beaut&eacute; est un salon de coiffure destin&eacute; &agrave; r&eacute;pondre &agrave; vos d&eacute;sirs: soins , coupes , nattes , couleurs , m&egrave;ches , et les chignons toujours tr&egrave;s appr&eacute;ci&eacute;s pour les mariages et les f&ecirc;tes. Du point de vue fantaisiste, les extensions sont &agrave; la premi&egrave;re place. Volume, longueurs et couleurs sont au rendez-vous de vos envies qu&rsquo;elles soient classiques ou fashion.<br> Chaleureux et soign&eacute; ,Blandine Espace beaut&eacute; est situ&eacute; sur la galerie de la porte de Namur pres du Fastfood Quick au numero 10,1050 Ixelles (Bruxelles) , tout &agrave; l'image perfectionniste de la propri&eacute;taire Blandine Ramazani, nous ex&eacute;cutons pour nos clientes et clients des soins &agrave; base de plantes et d' huiles essentielles , des tresses , nattes , coupes , locks , chignons , perruques, Rasta etc. quels que soient : votre style, votre look , la forme de votre t&ecirc;te , la hauteur ou l' &eacute;paisseur de vos cheveux .</h2>
         
         <ul class="list2 p1">
          <li><a href="#">Cogito Ergo Sum</a></li>
          <li><a href="#">Ad Majora Natus Sum</a></li>
           
         </ul>
         <img class="title" alt="" src="images/fin2.gif" />
         
        </div>
       </div>
       <div class="column2"><br><br>
        <img class="title" alt="" src="images/blandine.jpg" /><br />
        <img alt="" src="images/1page_pic1.jpg" class="p1"/>
        <h2>Blandine Ramazani est une artiste dans son domaine comme atteste les nombreux t&eacute;moignages des filles et gar&ccedil;ons qui ont eu le privil&egrave;ge de se faire coiffer dans son salon. </h2>
        <img class="title" alt="" src="images/fin1.gif" />
         
       </div>
       <div class="clear"></div>
      </div>
     </div>
    </div>
    <div class="clear"></div>
   </div>
  </div>
  <!-- footer -->
  <div id="footer">
   <p><span>PRIOR</span> &copy; 2008 | <a href="index-7.html">Privacy Policy</a></p>
  </div>
 </div>
</body>
</html>
 
 
style.css
 
* { margin:0; padding:0;}
body { background:#111; font-family:"Trebuchet MS", Helvetica, sans-serif; font-size:100%; line-height:1em; color:#FAFAD2; text-align:center;}
input, select, textarea {font-family:"Trebuchet MS", Helvetica, sans-serif; font-size:2em;}
 
.clear { clear:both;}
 
.fleft { float:left;}
.fright { float:right;}
 
.alignright { text-align:right;}
.aligncenter { text-align:center;}
 
.container { width:100%;}
 
p { margin-bottom:11px;}
 
/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}
 
.form { height:40px;}
.form input {width:270px; height:24px; background:none; color:#625e5c; padding-left:3px; border:1px solid #404040;}
textarea { width:297px; height:144px; background:none; overflow:auto; color:#625e5c;  padding-left:3px; border:1px solid #404040;}
 
 
/*==================list====================*/
ul { list-style:none;}
 
.list1 dt { color:#FAFAD2; font-size:.91em; background:url(images/line_x.gif) left top repeat-x; padding:18px 0 9px 0;}
.list1 dt a { background:url(images/marker.gif) no-repeat left 8px; padding-left:9px; color:#d52d00; font-size:1.5em; display:block; padding-bottom:3px; margin-left:3px;}
.list1 dd { padding-bottom:13px;}
.list2 { background:url(images/line_x.gif) left top repeat-x;}
.list2 li { background:url(images/line_x.gif) left bottom repeat-x;}
.list2 li a { background:url(images/marker.gif) no-repeat left 8px; padding-left:9px; font-size:1.27em; line-height:2.64em; margin-left:10px;}
.list3 dt { color:#d52d00; font-size:1.27em; padding-bottom:1px;}
.list3 dd { padding-bottom:14px;}
.list3 dd.last { padding-bottom:0;}
 
/*==================other====================*/
.img_indent { margin:0 17px 0 0; float:left;}
.img_indent1 { margin:0 24px 27px 0; float:left;}
.img_indent2 { margin:0 24px 15px 0; float:left;}
.img_indent3 { margin:0 17px 27px 0; float:left;}
 
.p1 { margin-bottom:15px;}
.p2 { margin-bottom:21px;}
.p3 { margin-bottom:27px;}
.p4 { margin-bottom:32px;}
 
.list_margin {position:relative; margin:0 0 26px -8px; width:100%;}
 
/*==================txt, links, lines, titles====================*/
a {color:#d52d00; text-decoration:none;}
a:hover { text-decoration:underline;}
 
h2 { color:#a1a1a1; font-size:1.36em; font-weight:normal; margin-bottom:12px;}
h3 { color:#d52d00; font-size:1.27em; font-weight:normal; margin-bottom:16px;}
h4 { color:#d52d00; font-size:1.27em; font-weight:normal; margin-bottom:6px;}
 
.link1 { display:block; float:left; background:url(images/but_left.gif) no-repeat left top #2f2f2f; color:#b1a764; font-size:.91em; text-transform:uppercase; font-family:tahoma;}
.link1 b { display:block; background:url(images/but_right.gif) no-repeat right top; padding:3px 11px 3px 27px; font-weight:normal;}
.link1:hover { text-decoration:none; color:#fff;}
address { display:inline;}
address a { color:#625e5c; text-decoration:underline; font-style:normal;}
address a:hover { text-decoration:none;}
 
.link2 { display:block; float:left; background:url(images/but2_left.gif) no-repeat left top #262626; color:#b1a764; font-size:.91em; text-transform:uppercase; font-family:tahoma;}
.link2 b { display:block; background:url(images/but2_right.gif) no-repeat right top; padding:3px 11px 3px 27px; font-weight:normal;}
.link2:hover { text-decoration:none; color:#fff;}
 
.line_hor { background:url(images/line1.gif) left bottom repeat-x; padding-bottom:34px; margin-bottom:35px;}
.line_hor1 { background:url(images/line1.gif) left bottom repeat-x; padding-bottom:55px; margin-bottom:35px;}
 
.title { margin-bottom:16px;}
.title1 { margin-bottom:22px;}
 
/*==================blocks====================*/
.block { background:#1f1f1f;}
 
/*header*/
#header .row_1 { height:155px;}
#header .row_1 .col_1 { width:291px; background:url(images/logo_box.jpg) no-repeat left 0px; height:155px;}
#header .row_1 .col_1 img { float:left; margin:0px 0 0 0px;}
#header .row_1 .col_2 { width:649px; background:url(images/header_bgd.jpg) no-repeat left 0px; height:155px;}
#header .row_1 .col_2 .top_nav { text-align:right; padding:0px 0px 0 0;}
#header .row_2 { height:62px;}
#header .row_2 img { position:relative;}
#header .row_2 .left { background:url(images/menu_left.gif) no-repeat left top;}
#header .row_2 .right { background:url(images/menu_right.gif) no-repeat right top;}
#header .row_2 .inner { padding:0 22px 0 21px; }
#header .login { background:url(images/log_marker.gif) no-repeat left 3px; padding-left:16px; font-size:.91em; color:#555;  text-decoration:none; text-transform:uppercase; font-family:arial;}
#header .login:hover { color:#dcdace;}
#header .support { background:url(images/sup_marker.gif) no-repeat left 2px; padding-left:14px; font-size:.91em; color:#555;  text-decoration:none; text-transform:uppercase; font-family:arial;}
#header .support:hover { color:#dcdace;}
#header .slogan { position:absolute; margin:46px 0 0 417px;}
 
/*content*/
#content { margin-top:-16px; padding:0 0 19px 0;}
#content .indent { padding:70px 31px 20px 0px;}
#content .indent1 { padding:70px 21px 25px 40px;}
 
/*footer*/
#footer { border-top:1px solid #404040; color:#555;}
#footer p { padding:6px 0 0 30px;}
#footer p span { color:#a1a1a1;}
#footer a { color:#555;}
 
/*================== index.html ==================*/
#page1 #content .col_2 .column1 .inner { padding:0 60px 0 0;}
 
/*================== index-1.html ==================*/
#page2 #content .col_2 .indent { padding-right:12px;}
 
/*================== index-2.html ==================*/
#page3 #content .col_1 .indent { padding-right:13px;}
#page3 #content .col_2 .indent1 { padding-bottom:0px;}
 
/*================== index-3.html ==================*/
#page4 #content .col_2 .indent { padding-right:12px;}
 
/*================== index-4.html ==================*/
#page5 #content .col_1 .indent { padding-right:12px;}
#page5 #content .col_2 .indent1 { padding-bottom:0;}
 
/*================== index-6.html ==================*/
#page7 #content .col_2 .link2 { float:right; margin-left:8px;}
 
/*================== index-7.html ==================*/
#page8 #content .indent { padding:70px 21px 20px 29px;}
#page8 #content p { margin-bottom:16px;}
 
/*==========================================*/
 
 
layout.css
 
#main {width:940px; margin:0 auto; text-align:left;}
 
#header {height:180px;}
#header, #content, #footer { font-size:0.69em;}
 
.col_1, .col_2, .col_3, .column1, .column2, .column3 { float:left;}
 
/*======= index.html =======*/
#page1 #content .col_1 {width:291px;}
#page1 #content .col_2 { width:649px;}
 
#page1 #content .col_2 .column1 { width:326px;}
#page1 #content .col_2 .column2 { width:262px;}
 
/*======= index-1.html =======*/
#page2 #content .col_1 {width:649px;}
#page2 #content .col_2 { width:291px;}
 
#page2 #content .col_1 .line_hor .column1 { width:251px;}
#page2 #content .col_1 .line_hor .column2 { width:329px;}
#page2 #content .col_1 .column1 { width:307px;}
#page2 #content .col_1 .column2 { width:273px;}
 
/*======= index-2.html =======*/
#page3 #content .col_1 {width:291px;}
#page3 #content .col_2 { width:649px;}
 
/*======= index-3.html =======*/
#page4 #content .col_1 {width:649px;}
#page4 #content .col_2 { width:291px;}
 
#page4 #content .col_1 .line_hor .column1 { width:249px;}
#page4 #content .col_1 .line_hor .column2 { width:33px;}
#page4 #content .col_1 .line_hor .column3 { width:250px;}
#page4 #content .col_1 .column1 { width:256px;}
#page4 #content .col_1 .column2 { width:319px;}
 
/*======= index-4.html =======*/
#page5 #content .col_1 {width:291px;}
#page5 #content .col_2 { width:649px;}
 
#page5 #content .col_2 .line_hor1 .column1 { width:256px;}
#page5 #content .col_2 .line_hor1 .column2 { width:320px;}
#page5 #content .col_2 .column1 { width:309px;}
#page5 #content .col_2 .column2 { width:276px;}
 
/*======= index-5.html =======*/
#page6 #content .col_1 {width:649px;}
#page6 #content .col_2 { width:291px;}
 
#page6 #content .col_1 .line_hor .column1 { width:254px;}
#page6 #content .col_1 .line_hor .column2 { width:329px;}
#page6 #content .col_1 .column1 { width:249px;}
#page6 #content .col_1 .column2 { width:34px;}
#page6 #content .col_1 .column3 { width:255px;}
 
/*======= index-6.html =======*/
#page7 #content .col_1 {width:291px;}
#page7 #content .col_2 { width:649px;}
 
#page7 #content .col_2 .column1 { width:286px;}
#page7 #content .col_2 .column2 { width:302px;}
 
 
/*=========================*/
 
 
#footer {height:45px;}

mood
Publicité
Posté le 02-07-2008 à 17:12:03  profilanswer
 

n°1754637
gebruik
Posté le 02-07-2008 à 17:13:26  profilanswer
 

Si tu mets un prologue XML, IE6 fonctionne en mode dégradé et le calcul des dimensions de boîtes n'est plus conforme au modèle standard.
Supprime le prologue.

n°1754638
gebruik
Posté le 02-07-2008 à 17:14:11  profilanswer
 

Ah oui : bgsound est une balise obsolète en XHTML 1.0 et tu sembles souffrir de divite et de classite aiguë.

n°1754644
FlorentG
Unité de Masse
Posté le 02-07-2008 à 17:30:14  profilanswer
 

Et d'un problème de méthode. T'as déjà tout mis les contenus, ça va pas simplifier le débugging. Recommence ta page, en ne gardant que les blocs principaux, puis en ajoutant petit-à-petit les éléments faisant partie du contenu


---------------
last.fmflickr
n°1754647
pnkumu
Posté le 02-07-2008 à 17:38:22  profilanswer
 

par prologue xml tu sous entends le fichier XML ??? si c'est le cas , ce fichier me sert pour l'animation des photos qui defilent à la page d'accueil uniquement mais si tu vois bien le prob est similaire pour les autres pages , pour le bgsound c'est claire que c'est obsolete , je vais integrer un player flash avec un autostart , donc si je resume , je dois uniquement uniquement supprimer le fichier xml ???

n°1754651
mIRROR
Chevreuillobolchévik
Posté le 02-07-2008 à 17:45:27  profilanswer
 

60 lignes de width :love:
quelle version de dreamweaver sinon ?
et la musique tu l oublies tout court
 
sinon le prologue xml c est ca  
<?xml version="1.0" encoding="utf-8"?>


---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell
n°1754660
pnkumu
Posté le 02-07-2008 à 17:55:14  profilanswer
 

j'ai supprimé le prologue , dreamweaver 8

n°1754674
pnkumu
Posté le 02-07-2008 à 18:49:28  profilanswer
 

j'au supprimé le prologue et j'ai retiré la balise bgsound et j'ai integré un player flash mp3 en autostart mais le prob persiste tjrs

n°1754678
mIRROR
Chevreuillobolchévik
Posté le 02-07-2008 à 19:08:09  profilanswer
 

ha zut je repondais juste a "c est quoi le prologue"
la c est probablement une blague de float
mets _margin-left:-3px; sur ta colonne de droite (attention l underscore est important)


Message édité par mIRROR le 02-07-2008 à 19:08:43

---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell
n°1755263
pnkumu
Posté le 03-07-2008 à 18:32:49  profilanswer
 

ca marche ta commande: _margin-left:-291px, j'ai pu le decalé à droite mais il reste tjr en bas , meme quand je joue avec le margin-bottom ou le margin-top , j'arive pas a remonter le bloc vers le haut à l'emplacement spécifique , merci

mood
Publicité
Posté le 03-07-2008 à 18:32:49  profilanswer
 

n°1755269
mIRROR
Chevreuillobolchévik
Posté le 03-07-2008 à 18:49:44  profilanswer
 

j ai dit -3px
ca marche pas ?


---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell
n°1755419
gatsu35
Blablaté par Harko
Posté le 04-07-2008 à 09:23:10  profilanswer
 

le code de ce site est juste horrible à vomir...

n°1755425
mIRROR
Chevreuillobolchévik
Posté le 04-07-2008 à 09:29:06  profilanswer
 

[:debarquement] t as deja entendu parler de DW sinon ? :o


---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Problème affichage sous IE 6

 

Sujets relatifs
Problème avec les pointeurs (thread)Problème de mise en cache d'actions
Problème Socket Bluetoothproblème SDCC et CONTEXT
Probleme URL Re-writingProbleme de ressources (rc) sous VC++ (icones++)
probleme redimensionnement image dans un tableauProblème avec Servlet
Problème d'affichage de tableau : vertical Firefox / Horizontal IEProbleme affichage IE
Plus de sujets relatifs à : Problème affichage sous IE 6


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR