28173 sujets

CSS et mise en forme, CSS3

Problème de compatibilité

Bonjours à tous et à toutes,
j'ai un petit problème de compatibilité de mon site avec IE (et probablement safari)

Tout d'abord voici l'adresse de mon site : http://www.kerubin.info/rites
Et l'adresse du css : http://www.kerubin.info/rites/css/defaut.css

Le problème principal est que suivant le navigateur, le menu (qui est une liste à puces) se comporte toujours comme une liste à puce même si j'ai ajouté un attribut "display:inline;". Enfin, je dis ça, mais je ne suis même pas certain que le problème vienne de là.


Le deuxième problème est que je n'arrive pas à coller ce #°ç~& de footer en bas de page même avec tous les tcodes que j'ai pu trouver sur internet mais bon ce problème est déjà moins important (priorité au premier).


Normalement il n'y a pas d'erreur dans le code (valid XHTML et CSS)
Merci beaucoup d'avance pour l'aide que vous pourrez m'apporter
Salut;

Je pense que c'est du au code général de ton site. En effet tu utilises bcp de class et de ID et je pense que même toi tu as du mal à t'y retrouver !!
Je te mets pour info le code du menu qui s'affiche bien sous IE
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>test kerbin</title>
<style type="text/css">
<!--
ul#menu
{
	height: 41px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size:12px;
	text-align:center;
	background-image:url(finmenu.png);
	background-repeat:repeat-x;
	width:90%;
}

ul#menu li
{
	margin: 0;
	padding: 0;
	display:inline;
	float: left;
	text-align: center;
}

ul#menu a
{
	padding-top: 5px;	
	height:36px;
	width: 72px ;
	font-weight: bold ;
	color: #000000 ;
	display: block ;
	background: url(btnews.png) no-repeat 0 0 ;
	text-decoration: none;

}

ul#menu a:hover
{
	background: url(btnews_roll.png) no-repeat 0 0 ;
	text-decoration:underline;
}
-->
</style>

</head>
<body>
<ul id="menu">
      <li class="mroll"><a href="index.php">News</a></li>
      <li class="mroll"><a href="bio.php">Bio</a></li>

      <li class="mroll"><a href="concerts.php">Concerts</a></li>
      <li class="mroll"><a href="photos.php">Photos</a></li>
      <li class="mroll"><a href="videos.php">Vidéos</a></li>
      <li class="mroll"><a href="sons.php">Sons</a></li>

      <li class="mroll"><a href="http://www.myspace.com/kerubin" target="_blank">Myspace</a></li>

      <li class="mroll"><a href="/forum">Forum</a></li>
      <li class="mroll"><a href="contacts.php">Contacts</a></li>
      <li class="mroll"><a href="liens.php">Liens</a></li>
    </ul>
</body>
</html>
Merci beaucoup TinMar

Le problème venait du fait que j'avais appliqué un margin et un padding a 0 pour tous les elements

* {
margin:0;
padding:0
}



Problème réglé et 100% compatible avec FF, Opera et IE



Quelqu'un aurait il cependant une idée pour mon problème de footer qui ne colle pas au bas de page ?

Merci par avance encore une fois
Sujet clos
Aller à