Problème affichage sous IE 6

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Problème affichage sous IE 6

pnkumu

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

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

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

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

Publicité

gebruik

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.

gebruik

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

FlorentG

Unité de Masse

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

pnkumu

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

mIRROR

Chevreuillobolchévik

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

pnkumu

j'ai supprimé le prologue , dreamweaver 8

pnkumu

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

mIRROR

Chevreuillobolchévik

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

pnkumu

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

Publicité

mIRROR

Chevreuillobolchévik

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

gatsu35

Blablaté par Harko

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

mIRROR

Chevreuillobolchévik

[: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

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 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
Plus de sujets relatifs à : Problème affichage sous IE 6

Page générée en 0.077 secondes