Bonjour a tous
voila j'ai un probleme pour centrer un menu avec des sous menus sur ma page (sous ie7 presque impecable mai pas sous mozilla)
je vai essayer d'etre claire
sous ie7 le menu presque a la place souhaité mai sous mozilla le menu se trouve a gauche et impossible de le centrer
j'ai lu pas mal de sujet sur le css car je pense que sa vien de la mai je trouve pas mon erreur
autre probleme aussi sous mozilla avec se fameu menu tout se qui se trouve en dessous se trouve collé au menu et impossible de l'espacer meme en html avec des <br>
mon html et css valide en wc3
je suis pas du tout un expere en la matiere...
Je remerci toute personne ayant une repnse a se probleme
voici mon code css
BODY {
background : #ffe0a0 url(http://la.poesie.d.isidore.free.fr/_gen_img4_10.jpg) repeat;
}
P {
font-size : 20px;
font-family : "Times New Roman", serif;
color : #FF0099;
font-weight: bold;
font-style:Italic;
}
h1{
font-size : 22px;
font-family : "Times New Roman", serif;
color : #99FFFF;
font-weight: bold;
font-style:Italic;
}
h2{
font-size : 20px;
font-family : "Times New Roman", serif;
color : #FFFFFF;
font-weight: bold;
font-style:Italic;
}
a:hover {
color : #CC0000;
}
#menu, #menu ul {
padding: 0;
margin: 0;
list-style: none;
float: left;
width : 100%;
margin-left: auto;
margin-right: auto;
}
#menu li {
position : relative;
float : left;
line-height : 1.25em;
margin-bottom : -1px;
width: 200px;
}
#menu li ul {
position : absolute;
left: -999em;
margin-left : 00.00em;
margin-top : 0.00em;
}
#menu li ul ul {
left: -999em;
}
#menu li a {
width: 100%;
display : block;
font-size : 16px;
font-family : Arial;
text-align: center;
color : #ff0000;
font-weight : bold;
text-decoration : none;
background-color : #ffcc66;
border : 1px solid #cc0033;
padding : 0 0.0em;
}
#menu li a:hover {
color : #ff0000;
background-color : #FF6633;
}
#menu li:hover ul, #menu li.sfhover ul {
left: auto;
}
#menuho ul {
margin : 0;
padding : 0;
margin-bottom : 1em;
margin : 0 auto;
width : 55%;
border : 1px solid #ff6600;
background-color : #ffcc66;
}
* html #menuho ul {
width : 60%;
}
#menuho ul li {
display : inline;
}
#menuho ul li a {
font-size : 14px;
font-family : verdana;
font-weight : bold;
margin : 0 auto;
color : #ff0000;
padding : 2px 10px;
text-decoration : none;
background : transparent url(http://la.poesie.d.isidore.free.fr/fond_et_barre_coloree/vertical.gif) no-repeat center right;
}
#menuho ul li a:visited {
color : #ff0000;
}
#menuho ul li a:hover {
color : #ff0000;
background-color : #FF6633;
}
table {
border-style:solid;
border-width:1px;
border-color:red;
}
td {
border-style:solid;
border-width:1px;
border-color:red;
}
th {
background-image: url(http://la.poesie.d.isidore.free.fr/fond_et_barre_coloree/ciel.65179.jpg);
}
le code en html de la page
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Une mer.... si vaste</title>
<meta name="generator" content="Notepad++">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="Author" content="isidore">
<meta name="Description" content="Le murmure de la mer si lointaine,Ce vent marin si frais, si doux, Un air si pur, une eau si saine,">
<meta name="Keywords" content="poésie,poémes,partage,chat,recette,coin,forum">
<meta name="Language" content="fr">
<meta name="revisit-after" content="8">
<meta name="Rating" content="General">
<meta name="Robots" content="all">
<meta name="Publisher" content="isidore">
<meta name="Copyright" content=""><!--Le code java - www.lecodejava.com : JavaScripts Gratuit-->
<meta http-equiv="Page-Enter" content="revealTrans(Duration=5.0,Transition=2)">
<link rel="shortcut icon" href="/favicon.ico"><object classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" data=
"/pages/relaxation__piano____george_winston__forest__10___walking_in.mp3" width="0" height="0"><param name="src" value=
"/pages/relaxation__piano____george_winston__forest__10___walking_in.mp3"></object>
<link rel="stylesheet" type="text/css" href="mervaste_style.css">
<script type="text/javascript" src="menu.js"></script>
</head>
<body>
<script type="text/javascript">
<!--
function droite(e)
{
if ((!document.all && e.which == 3) || (document.all && event.button==2))
{
// CLIC DROIT DETECTE, ON AFFICHE UN PETIT MESSAGE
alert('isidore ne veu pas !!!');
}
return true;
}
document.onmousedown = droite;
// -->
</script>
<table border="2" width="100%" cellpadding="1" cellspacing="0">
<tr>
<td>
<center><script type="text/javascript" src="http://www.webjs.net/afficheurs/date-isidore1964.php"></script></center>
</td>
<td colspan="300">
<center><img src="http://la.poesie.d.isidore.free.fr/..." width="468" height="100" alt=""></center>
</td>
<td colspan="100">
<center>
<div align="center"><img width="100" height="100" src="http://la.poesie.d.isidore.free.fr/mon%20logo/logoisidore.gif" alt="logo"></div>
</center>
</td>
</tr>
</table>
<div>
<ul id="menu">
<li>
<a href="/acceuil.php">acceuil</a></li>
<li><a href="/pages/mes_creationspag.php">Mes créations</a></li>
<li><a href="/pages/mes_cadeauxpag.php">Mes cadeaux</a></li>
<li><a href="/pages/coin_a_recettespag.php">Recettes</a></li>
<li><a href="/pages/vos_poemespag.php">Vos poèmes</a>
<ul>
<li><a href="/pages/vos_poemes_sarah.php">Sarah</a></li>
<li><a href="/pages/vos_poemes_bboubekeur.php">B-boubekeur</a></li>
<li><a href="/pages/vos_poemes_oriabel.php">Oriabel</a></li>
<li><a href="/pages/vos_poemes_paty.php">Paty</a></li>
<li><a href="/pages/vos_poemes_tia.php">Tia</a></li>
<li><a href="/pages/vos_poemes_sandy.php">Sandy</a></li>
<li><a href="/pages/vos_poemes_cathy.php">Cathy</a></li>
<li><a href="/pages/vos_poemes_patou.php">Patou</a></li>
<li><a href="/pages/vos_poemes_pauliner.php">Pauline-R</a></li>
<li><a href="/pages/vos_poemes_massmedia.php">Massmedia</a></li>
<li><a href="/pages/vos_poemes_dps.php">DPS</a></li>
<li><a href="/pages/vos_poemes_regis.php">Regis</a></li>
<li><a href="/pages/vos_poemes_nathalie.php">Nathalie</a></li>
<li><a href="/pages/vos_poemes_farid.php">Farid</a></li>
<li><a href="/pages/vos_poemes_andrea.php">Andrea</a></li>
<li><a href="/pages/vos_poemes_lepetitprince.php">Le petit prince</a></li>
</ul>
</li>
<li><a href="/pages/poemes_choisipag.php">Poèmes</a>
<ul>
<li><a href="/pages/vivrepag.php">Vivre</a></li>
<li><a href="/pages/l_automnepag.php">Automne</a></li>
<li><a href="/pages/a_ma_fleure_pag.php">A ma fleure préférée</a></li>
<li><a href="/pages/quand_j_etais_petitpag.php">Quand j'etais petit</a></li>
<li><a href="/pages/etoile_de_mon_coeurpag.php">Etoile de mon coeur</a></li>
<li><a href="/pages/flammepag.php">Flamme</a></li>
<li><a href="/pages/tu_est_le_fruit_de_ma_passionpag.php">Tu est le fruit de ma passion</a></li>
<li><a href="/pages/une_mer_si_vastepag.php">Une mer...si vaste</a></li>
<li><a href="/pages/la_vie_et_les_fleurspag.php">La vie et les fleurs</a></li>
<li><a href="/pages/l_eternel_femininpag.php">L'eternel feminin</a></li>
</ul>
</li>
<li><a href="/pages/chat_matoupag.php">Special chat matou</a>
<ul>
<li><a href="/pages/chat_matoupag.php">chat matou 1</a></li>
<li><a href="/pages/chat_matou2pag.php">chat matou 2</a></li>
<li><a href="/pages/chat_matou3pag.php">chat matou 3</a></li>
</ul>
</li>
<li><a href="/pages/l_annuaire_d_isidorepag.php">L'annuaire d'isidore</a>
<ul>
<li><a href="/pages/lienspag.php">"s'inscrir dans l'annuaire"</a></li>
</ul>
</ul>
</div>
<br>
<center>
<div id="menuho">
<ul>
<li><a href="/pages/me_contacterpag.php">Me contacter</a></li>
<li><a href="http://www.i-services.net/membres/livredor/livredor.php?user=111240">Livre d'or</a></li>
<li><a href="http://isidore1964.positifforum.com/index.htm">Forum</a></li>
<li><a href="/pages/boite_a_poemespag.php">Boite à poèmes</a></li>
<li><a href="http://www.i-services.net/membres/annuaire/annuaire.php?user=111240">Annuaire</a></li>
</ul>
</div>
</center>
<br>
<center>
<p>Une mer.... si vaste</p>
</center>
<div align="center"><script type="text/javascript">
<!--
google_ad_client = "pub-5039908162069415";
google_ad_width = 728;
google_ad_height = 15;
google_ad_format = "728x15_0ads_al_s";
google_ad_channel = "";
google_color_border = "F2984C";
google_color_bg = "FFCC66";
google_color_link = "CC0000";
google_color_text = "CC0000";
google_color_url = "000033";
//-->
</script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>
<table border="2" width="100%" cellpadding="1" cellspacing="0">
<colgroup>
<col width="22%">
<col width="78%"></colgroup>
<tr>
<td bgcolor="#FFCC66" valign="top">
<br>
<br>
<br>
<div align="center">
<!-- eStat v3.3.0 -->
<script type="text/javascript">
<!--
var _UJS=0;
//-->
</script> <script type="text/javascript" src="http://perso.estat.com/js/415015202203.js">
</script> <script type="text/javascript">
<!--
if(_UJS) _estat('415015202203','PAGE_MARQUEE','GROUPE_PAGES_MARQUEES');
//-->
</script> <noscript><a href="http://persos.estat.com/"><img src="http://perso.estat.com/m/00/415015202203?p=PAGE_MARQUEE&c=GROUPE_PAGES_MARQUEES" border="0" alt=
"marqueur eStat'Perso"></a></noscript> <!-- /eStat --></div>
<br>
<center><a href="http://www.king-surf.net" title="Referencement gratuit" target="_blank"><img alt="Referencement gratuit" border="0" src=
"http://www.king-surf.net/teste?idImg=sw20070218113631877"></a></center>
<br>
<center><script type="text/javascript" language="javascript" src="http://www.i-services.net/membres/combox/aff_comment.php?user=111240&idcat=8388">
</script></center>
<br>
<center><a href="http://www.yatooweb.com/"><img src="http://www.yatooweb.com/images/logo1.gif" border="0" alt="yatooweb-référencement de site"></a></center>
<center><script type="text/javascript">
<!--
google_ad_client = "pub-5039908162069415";
google_ad_width = 120;
google_ad_height = 240;
google_ad_format = "120x240_as";
google_ad_type = "text";
google_ad_channel = "";
google_color_border = "FFCC66";
google_color_bg = "FFCC66";
google_color_link = "CC0000";
google_color_text = "CC0000";
google_color_url = "000033";
//-->
</script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></center>
</td>
<th>
<center>
<h1>Une mer.... si vaste<br>
<br>
POEME EFFACE
<br>
auteur inconus</h1>
</center>
</th>
</tr>
</table>
<br>
<table border="2" width="100%" cellpadding="1" cellspacing="0">
<tr>
<td>
<center><font color="#FF0000"><b><font size="4">commentaires<b> <script type="text/javascript" language="javascript">
if(typeof(comboxIS_78649) != 'undefined') { document.write(comboxIS_78649); }
</script> <a href="#null" onclick=
"javascript:window.open('http://www.i-services.net/membres/combox/combox.php?user=111240&id=78649','combox','width=380,height=450,scrollbars=1,resizable=0'); return false;"><img src=
"http://www.i-services.net/images/commentaire.gif" border="0" width="16" height="17" alt=""></a><br></b></font></b></font>
<center><font color="#FF0000"><b><font size="4"><a href="http://www.copyscape.com/"><!-- --></a></font></b></font></center>
<br>
<center>
<div id="xiti-logo"><a href="http://www.xiti.com/xiti.asp?s=280000" title="WebAnalytics"><script type="text/javascript">
<!--
Xt_param = 's=280000&p=une_mer_si_vaste';
try {Xt_r = top.document.referrer;}
catch(e) {Xt_r = document.referrer; }
Xt_h = new Date();
Xt_i = '<img width="39" height="25" border="0" ';
Xt_i += 'src="http://logv33.xiti.com/hit.xiti?'+Xt_param;
Xt_i += '&hl='+Xt_h.getHours()+'x'+Xt_h.getMinutes()+'x'+Xt_h.getSeconds();
if(parseFloat(navigator.appVersion)>=4)
{Xt_s=screen;Xt_i+='&r='+Xt_s.width+'x'+Xt_s.height+'x'+Xt_s.pixelDepth+'x'+Xt_s.colorDepth;}
document.write(Xt_i+'&ref='+Xt_r.replace(/[<>"]/g, '').replace(/&/g, '$')+'">');
//-->
</script> <object><noscript>
<div id="xiti-logo-noscript"><img width="39" height="25" src="http://logv33.xiti.com/hit.xiti?s=280000&p=une_mer_si_vaste&" alt="WebAnalytics"></div>
</noscript></object></a></div>
</center>
<center><a href="http://www.francetop.com" target="_blank"><img src="http://www.francetop.com/tilogof.gif" border="0" alt="annuaire"></a> <script type="text/javascript">
hsh = new Date();
hsd = document;
try {
hsr = top.document.referrer.replace(/[<>]/g, '');
} catch (err){hsr='http://error.francetop.com';}
hsi = '<bug width="1" height="1" align="right" src="http://www.francetop.com/hit.php?website=7870&p=welcome&hl=' + hsh.getHours() + 'x' + hsh.getMinutes() + 'x' + hsh.getSeconds();
if(parseFloat(navigator.appVersion)>=4)
{s=screen;hsi += '&r=' + s.width + 'x' + s.height + 'x' + s.pixelDepth + 'x' + s.colorDepth;}
hsd.writeln(hsi + '&referant=' + hsr.replace(/&/g, '$') + '">');
</script></center>
</center>
</td>
</tr>
</table>
<center><font color="#FF6600"><b><font size="2">Isidore 2007 Derniere mise a jour le 20/05/2007 Site optmisé pour IE 6/7 et firefox 2</font></b></font>
<p>
<a href="http://validator.w3.org/check?uri=referer"><img
src="http://www.w3.org/Icons/valid-html401" border="0"
alt="Valid HTML 4.01 Transitional" height="31" width="88"></a>
<a href="http://jigsaw.w3.org/css-validator/"><img src="http://www.w3.org/Icons/valid-css" alt="Valid css!" border="0" height="31" width="88"></a></p>
<!--~~~CrawlTrack~~~~~~~~~~~~~~~~~~~~-->
<?php
$crawltsite="1";
include("/mnt/150/sda/0/8/la.poesie.d.isidore/crawltrack/crawltrack.php");
?>
<p><a href="http://www.crawltrack.fr"><img src="/crawltrack/images/logo1.png" alt=
"Crawler tracking tool for webmaster-script de référencement - Outil de suivi des robots pour webmaster" width="80" height="15" style="border:0"></a></p>
<!--~~~CrawlTrack~~~~~~~~~~~~~~~~~~~~-->
</center>
</body>
</html>
isidoreConfiguration: Windows XP
Mozilla 1.8.1.3
