Forum d'entraide PHPFrance

Bonjour je commence tout juste à développer une page d'un site je suis en stage, en fait je fait plus des tests avec des feuilles de style plus qu'autre chose, les liens ne sont pas actifs par ex et je me suis rendu compte que le rendu n'est absolument pas le même sous ie que sous mozilla je vous files les codes html et css, ainsi qu'une capture d'ecran des deux versions...

html :

Code : Tout sélectionner

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Document sans nom</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<div id="menu">
       <a href="index.php">Qui sommes nous ?</a>
       <a href="forum.php">Les RDV du cinéma français</a>
       <a href="bla.php">Le Festival</a>
       <a href="livre.php">Films présentés</a>
       <a href="livre.php">Inscrire un film</a>
</div>

<div id="contenu">

<p><a href="index.php"><img src="objets2/accueil2.gif">Accueil</a>

<a href="forum.php"><img src="objets2/asieretour.gif">Asiexpo</a>

<a href="bla.php"><img src="objets2/contacts3.gif">Contacts</a></p>


<br>*****TEXTE****<br><br>
</div>
</body>
</html>

Feuille de style

Code : Tout sélectionner


*{
margin:0;
padding:0;}

body{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:0.7em;
background-color:#000000;
}

#menu{
width:20%;
float:left;
border:1px solid #000;
margin-left:15%;
margin-top:7%;
}

#menu a{
font-weight: bold;
font-size:0.8em;
font-family: Verdana, Arial, Helvetica, sans-serif;
display:block;
text-decoration:none;
color:#FFFFFF;}

#menu a:hover{
text-decoration:none;
color:#CA2A2A;}

#contenu{
margin-left:36%;
margin-top:15%;
margin-bottom: 15%;
margin-right:22%;
font-style: normal;
color:#FFFFFF;
line-height: normal;
font-weight: bold;
text-align: justify;
border-color:#000000;
border-style: groove;
border-left: 0px;
border-right: 0px;
border-top: 0px;

}

#contenu p{
margin-left:26%;
margin-bottom:10%;
color:#FFFFFF;

}

#contenu p a{
text-decoration:none;
color:#FFFFFF;}

#contenu p a:hover{
text-decoration:none;
color:#CA2A2A;}

Mozilla :
http://img149.imageshack.us/my.php?image=cap13xo.gif

Explorer :
http://img70.imageshack.us/my.php?image=cap27si.gif

Vous voyez la version explorer fait n'importe quoi !

J'aimerais savoir comment fait on pour adapter les feuilles de style pour que le résultat soit le même car vous le voyez bien c'est totalement différent

Autre question dans les liens au dessus du texte , j'aimerais bien qu'il soit indépendant du bloc "contenu" j'ai essayé de creer un autre style genre "#menuhaut" pour éviter qu'il prenne des caractériques du bloc contenu, notamment pour eviter pour les petites images d'avoir ces horribles bordure blanche, mais lorsque je creé ce nouveau style le contenu s'affiche n'importe ou plus particulierement en bas de tous les éléments alors que je voulais en haut...si quelqu'un pouvait m'aider ça serait tres sympa de sa part

Forum d'entraide PHPFrance

Problème feuille de style avec ie !!

Problème feuille de style avec ie !!