non malheureusement ce n'est pas résolu, du moins ma feuille est identique à celle que tu m'as donné mais sur IE6 le rendu est lamentable...
je n'ai pas d'image sous la main mais en gros il manque des images, certains textes sont superposés....
Mon code de index.html :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="fr">
<head>
<link rel="stylesheet" type="text/css" href="my_presentation.css">
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="my_presentation_ie6.css" media="screen" />
<![endif]-->
<title>Skeud Online</title>
</head>
<body>
<div id="global">
<div id="header">
<h1>Bienvenue</h1>
</div>
<div id="center">
<div id="content">
<h2>SALUT : coucou</h2>
<p>Vous trouverez ci-dessous le code de la page HTML que vous etes en train de lire. Et oui, malgre l'absence de feuille de style, la page est deja lisible ! Les liens fonctionnent, les titres sont mis en evidence, les listes structurees, etc.</p>
<p>La page est divisee horizontalement en trois parties distinctes :</p>
<ol>
<li>l'en-tete (identifie par "<em>header</em>"), destine a accueillir la banniere et eventuellement une devise ou slogan.</li>
<li>la partie centrale ("<em>center</em>", bien vu !) contiendra les deux colonnes qui nous interessent. Elle comprend donc elle-meme 2 zones distinctes (les divisions <em>sidebar</em> et <em>content</em>).</li>
<li>le pied de page ("<em>footer</em>") comprend diverses informations que l'on souhaite afficher discretement sur toutes les pages, en general des mentions de copyright ou les coordonnees & references de la societe ...</li>
</ol>
</div>
<div id="sidebar">
<h3>Navigation</h3>
<ul id="menu">
<li><a href="presentation.html" title="Présentation">Présentation</a></li>
<li><a href="news.html" title="News">News</a></li>
<li><a href="gamme.html" title="La Gamme Citroën">La Gamme Citroën</a></li>
<li><a href="services.html" title="Nos Services">Nos Services</a></li>
<li><a href="occasions.html" title="Nos Véhicules d'Occasion">Nos Véhicules d'Occasion</a></li>
<li><a href="contact.html" title="Contact">Contact</a></li>
<li><a href="situation_geo.html" title="Situation Géographique">Situation Géographique</a></li>
</ul>
<h3>Breves</h3>
<p>Pourquoi j'aime les standards du W3C ? Pour <a href="http://openweb.eu.org/articles/pourquoi_standards/" title="Openweb : Pourquoi les standards du W3C">ça</a></p>
<h3>Liens</h3>
<ul>
<li><a href="http://www.alsacreations.com" title="AlsacreationS apprendre XHTML, les CSS et les standards W3C de la conception Web">Alsacreations</a></li>
</ul>
</div>
</div>
<div id="footer">
<p align="right">Garage Botton-Villard - 5, bd Louis Valorge - 42190 Charlieu - Tél : 04-77-69-04-44 - ets_botton_villard@hotmail.com</p>
</div>
</div>
</body>
</html>
mon css pour ff et ie7 qui marche so good!!! mais peut etre que l'erreur est dedans? :
/* CSS Document */
html {
background: #ffffff /*url(html.png)*/;
}
body {
height: 100%;
margin: 0;
font: 90% "Trebuchet MS", sans-serif;
}
div#global {
height: 100%;
min-height: 100%;
width: 750px;
padding: 0 10px;
margin: 0 auto;
position: relative;
padding: 0 10px;
background: url(global.png) center repeat-y;*/
}
div#header h1 {
margin: 0;
position: absolute;
bottom: 4px;
left: 30px;
font: 3em Georgia, serif;
}
div#header {
background: #ff0000 url(header.jpg) no-repeat;
color: #fff;
height: 201px;
position: relative;
}
div#center {
/* Pour éviter la superposition du pied de page et du contenu : */
padding-bottom: 50px;
overflow: auto;
}
div#footer {
position: absolute;
width: 750px;
bottom: 0;
background: #ff0000 /*url(footer.png) repeat-x*/;
color: #fff;
margin: 2px 0;
font-size: 0.9em;
}
div#content {
float: right;
width: 530px;
margin-left: 10px;
display: inline;
margin-top: 15px;
}
div#content h2 {
padding-left: 35px;
background: #fff url(fond_lien.png) left center no-repeat;
color: #000000;
}
div#content h3 {
color: #c00;
font-variant: small-caps;
}
div#sidebar {
float: left;
width: 200px;
margin-top: 15px;
}
div#sidebar h3, div#footer p, div#sidebar p {
padding: 0 10px;
}
ul#menu {
margin: 0;
padding: 0;
list-style: none;
}
ul#menu li a {
display: block;
height: 40px;
line-height: 30px;
background: url(fond_lien.png) no-repeat left top;
padding-left: 35px;
margin: 2px 0;
border-bottom: 1px solid #ff0000; /*soulignage des liens du menu navigation*/
color: #ff0000;
font: small-caps 1.1em/20px Georgia,serif;
text-decoration: none;
}
ul#menu li a:hover {
background-position: left bottom;
color: #000000;
}
a {
color: #ff0000;
font-weight: bold;
}
a:hover {
color: #000000;
}
et enfin le code pour
IE6 :
/* CSS Document spécial IE6 et inférieurs*/
#global {
height: 100%;
position: static;
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://skeud.online.free.fr/oli/test_skeud.online.free.fr/global.png", sizingMethod="scale");
}
#content {
display: inline;
}
#center {
overflow: visible;
height: 1%;
}
a, pre {
position: relative;
}
body {
position: relative;
}
#content, #sidebar {
margin-top: 15px;
}
d'avance merci de votre aide
