Bonjour,
Essaye avec un doctype sinon IE ne va pas être d'accord, promis juré, pour la raison fait un tour dans la faq ...
<!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="fr" lang="fr">
<head>
.........
<edit>
Un peu de regrets alors ton code ne passe pas avec IE6 et Opera même avec le bon doctype, alors pour t'inspirer:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Test</title>
<style type="text/css">
body
{
margin: 10px 0 ;
text-align: center ;
font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
background: #fbd781 ;
}
#conteneur
{
width:750px;
margin: 0 auto;
text-align: left ;
border: 2px solid #f8b535 ;
background: #fff ;
position: relative;
}
/*//////////HEADER//////////*/
h1#header
{
height:260px;
background: lime;
margin: 0 ;
}
h1#header a
{
position: relative ;
left: 520px ;
top: 20px ;
text-decoration: none;
color: #f8b535;
}
h1#header a:hover
{
color: #fbd781;
}
/*//////////MENU PRINCIPAL//////////*/
#menu {
position : absolute;
left: 0;
width: 750px;
top: 260px;
}
#menu dl
{
float: left ;
position: relative;
}
dl,li
{
margin: 0 0 0 0;
padding: 0;
list-style-type: none;
}
#menu dt
{
text-align: center ;
height: 25px;
margin: 0 ;
padding: 0 ;
background: #e9962d;
width: 148px ;
line-height: 25px ;
font-size: 1.2em ;
font-weight: bold ;
letter-spacing: 2px ;
border-right: 2px solid #000000 ;
}
#menu dt a
{
height: 25px;
width: 148px ;
color: #000000 ;
display: block ;
text-decoration: none ;
}
#menu dt a:hover
{
background-color: #fff;
}
/*//////////SOUS MENUS//////////*/
#smenu1, #smenu2, #smenu3, #smenu4 {
position: absolute;
height: 25px;
margin: 0 ;
padding-top: 2px;
top: 25px;
left: 0;
}
#menu li {
display: inline;
}
#menu ul {
width: 400px;
}
#menu li a
{
width: 130px ;
line-height: 25px ;
font-size: 1.2em ;
font-weight: bold ;
letter-spacing: 2px ;
color: #000000 ;
text-decoration: none ;
margin-right: 10px;
}
#menu li a:hover
{
color: #f8b535;
}
/*//////////CORPS DE PAGE//////////*/
#corps
{
padding: 10px;
margin-top: 10px;
}
div#corps h2
{
line-height: 47px;
padding-left: 30px ;
font-size: 1.8em ;
color: #f6a53b ;
border-bottom: 1px solid #f6a53b ;
background: url(images/petit_logo.jpg) no-repeat left bottom ;
}
.TitreNews
{
padding-left: 30px ;
color: #f48c2f;
text-decoration: underline;
font-size: 1.5em ;
font-weight: bold ;
font-family: "Verdana", Arial, Verdana, serif;
}
.CorpsNews
{
border: 1px dashed #000000;
padding: 10px;
height: 290px;
text-indent: 20px;
}
div#corps a
{
text-decoration: none ;
}
div#corps a:hover
{
color: #f6a53b;
}
#footer
{
font-weight: bold ;
text-align: center ;
color: #f6a53b;
}
</style>
<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</script>
</head>
<body>
<div id="conteneur">
<h1 id="header"><a href="index.html">Le Super Club</a></h1>
<div id="menu">
<dl>
<dt><a href="index.html">Acceuil</a></dt>
</dl>
<dl>
<dt onmouseover="montre('smenu1');"><a href="index.html">Le Club</a></dt>
<dd id="smenu1">
<ul>
<li><a href="#">Histoire</a></li>
<li><a href="#">Horaires</a></li>
<li><a href="#">Informations</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="montre('smenu2');"><a href="index.html">Activités</a></dt>
<dd id="smenu2">
<ul>
<li><a href="#">Gym</a></li>
<li><a href="#">Step</a></li>
<li><a href="#">Danse</a></li>
</ul>
</dd>
</dl>
<dl>
<dt><a href="index.html">Galerie</a></dt>
</dl>
<dl>
<dt><a href="index.html">Contacts</a></dt>
</dl>
</div>
<div id="corps">
<h2>News</h2>
<p class="TitreNews">
Message d'acceuil
</p>
<div class="CorpsNews">
L'Association Lembeye Tonic a été officiellement créée le 10 décembre 1990.<br />
Régie par la loi du 1er juillet 1901, elle propose aux enfants et aux adultes de tous âges du canton de Lembeye de s'épanouir par l'activité physique, la danse et la marche.<br />
Professeur titulaire du CAPEPS ( Certificat d'Aptitude au Professorat de l'Education Physique et Sportive option Danse ) Brigitte Grohar en est l'animatrice :<br />
elle organise et se charge des cours de danse, de gymnastique tonique, de stretching, et des marches dans le canton, déléguant à Catherine Jobert, ancienne présidente de l'association, l'organisation des marches en montagne.<br />
L'Association compte près de deux cents membres, toutes activités confondues.<br />
Le bon fonctionnement et l'épanouissement de Lembeye Tonic - gestion administrative et financière, communication par voie d'affiches, de tracts et d'articles de presse - sont assurés par l'activité infaillible de ses bénévoles.<br />
Il en est de même pour le superbe spectacle de danses qu'offrent Brigitte Grohar et ses élèves pour clore l'année scolaire à la salle des fêtes de Lembeye :<br />
costumes, accessoires, maquillages, répétitions, sont aussi l'œuvre de nos adhérentes et des nombreux sympathisants qui nous soutiennent.<br />
Très chaleureusement, en toute simplicité, Lembeye Tonic est ravie de vous accueillir à tout moment de l'année !<br />
Visitez notre site, contactez -nous, et rejoignez- nous vite !<br />
</div>
</div>
<p id="footer">
Action Pro Flo & Yann
</p>
</div>
</body>
</html>
Là ça va un peu mieux, reste un chouia a faire pour Opéra
Modifié par ghost (12 Apr 2007 - 02:06)
. Même si c'est pour une vague idée, je suis quand même preneur.