Problème affichage sous IE 6
Problème affichage sous IE 6 - HTML/CSS - Programmation
Marsh Posté le 02-07-2008 à 17:13:26
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.
Marsh Posté le 02-07-2008 à 17:14:11
Ah oui : bgsound est une balise obsolète en XHTML 1.0 et tu sembles souffrir de divite et de classite aiguë.
Marsh Posté le 02-07-2008 à 17:30:14
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
Marsh Posté le 02-07-2008 à 17:38:22
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 ???
Marsh Posté le 02-07-2008 à 17:45:27
60 lignes de width 
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
Marsh Posté le 02-07-2008 à 18:49:28
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
Marsh Posté le 02-07-2008 à 19:08:09
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
Marsh Posté le 03-07-2008 à 18:32:49
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
Marsh Posté le 03-07-2008 à 18:49:44
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
Marsh Posté le 04-07-2008 à 09:29:06
![[:debarquement]](https://forum-images.hardware.fr/images/perso/debarquement.gif "[:debarquement]")
t as deja entendu parler de DW sinon ? 
---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell
Sujets relatifs:
- Problème avec les pointeurs (thread)
- Problème de mise en cache d'actions
- Problème Socket Bluetooth
- problème SDCC et CONTEXT
- Probleme URL Re-writing
- Probleme de ressources (rc) sous VC++ (icones++)
- probleme redimensionnement image dans un tableau
- Problème avec Servlet
- Problème d'affichage de tableau : vertical Firefox / Horizontal IE
- Probleme affichage IE
Marsh Posté le 02-07-2008 à 17:12:03
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écifique des photos , rendez vous à 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’est pas seulement synonyme de coupe ou soins. Blandine Espace Beauté est un salon de coiffure destiné à répondre à vos désirs: soins , coupes , nattes , couleurs , mèches , et les chignons toujours très appréciés pour les mariages et les fêtes. Du point de vue fantaisiste, les extensions sont à la première place. Volume, longueurs et couleurs sont au rendez-vous de vos envies qu’elles soient classiques ou fashion.<br> Chaleureux et soigné ,Blandine Espace beauté est situé sur la galerie de la porte de Namur pres du Fastfood Quick au numero 10,1050 Ixelles (Bruxelles) , tout à l'image perfectionniste de la propriétaire Blandine Ramazani, nous exécutons pour nos clientes et clients des soins à 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ête , la hauteur ou l' é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émoignages des filles et garçons qui ont eu le privilè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> © 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;}