Compatibilité IE et Firefox

Je n'en sort pas

19 mars 2006 à 20:43:19

Bonsoir,
ayant repris la structure comme dans le cours sur le css, je suis face a un gros probleme de compatibilité entre les deux navigateurs.

Tout les problèmes sont +/- régler, mais je n'arrive pas a ce que mon site s'adapte en fonction de la résolution de l'écran du visteur.

Voici donc mon code css.

body
{
background-image:url(../images/theme/background.jpg);
}
#haut
{
background-image:url(../images/theme/banniere.jpg);
background-position:center;
background-repeat:no-repeat;
margin-bottom:5px;
border:2px solid black;
height:100px;
}
#bas
{
padding: 5px;
text-align: center;
color: #000000;
border: 2px solid black;
background-color:#D8D8D8;
margin-top:5px;
}
#menu
{
float:left;
width:13%;
background-color:#d8d8d8;
}
.sous-menu
{
background-color:#D8D8D8;
margin-bottom:5px;
padding-bottom:10px;
border:#000000 solid 2px;
}
.sous-menu2
{
border: 2px solid black;
text-align:center;
height:136px;
}
.sous-menu h3
{
color:#000000;
font-family:Arial, "Arial Black", "Times New Roman", Times, serif;
text-align:center;
}
.sous-menu ul
{
padding:0px;
padding-left:20px;
margin:0px;
margin-bottom:5px;
list-style-image:url(../images/theme/puce2.gif);
}
a
{
color:#990000;
text-decoration:none;
}
a:hover
{
color:#000000;
text-decoration:underline;
}
h2
{
color:#990000;
}
.imageflottante
{
float:left;
}
#corps
{
margin-bottom:5px;
margin-left:5px;
padding:20px;
color: #000000;
border: 2px solid black;
overflow:auto;
height:324px;
background-color:#D8D8D8;
width:83,5%;
}
.form
{
height:15px;
width:70px;
font-size:xx-small;
}

Voici aussi le lien vers mon site si besoin ici

Socrate à dit : "Tout les chats sont mortel". Socrate était mortel, donc Socrate est un chat

pascall

20 mars 2006 à 15:42:08

salut
je suis sans doute miro mais je n'ai rien vu de spécial.

si tu pouvais détailler tes problèmes ...

jp949

20 mars 2006 à 15:52:27

aucun probleme majeur avec l'affichage en 800px ou 1024 et donc seul petit hic le contenu du menu qui deborde legerement du aux valeurs fixées en px plutot que % ou em

Daywalker_mso

20 mars 2006 à 16:34:52

Disons que les problemes surivennent lorsqu'on dépasse la résolution 1024x648 la zone qui contient le texte n'occupe pas tout l'écran (sur la hauteur) comme il le fait pour l'affichage 1024.

Socrate à dit : "Tout les chats sont mortel". Socrate était mortel, donc Socrate est un chat

pascall

20 mars 2006 à 21:00:43

c'est sans doute dû au fait que tu as donné une hauteur en px au corps

Daywalker_mso

20 mars 2006 à 21:26:47

Oui certainement, mais le souci c'est que lorsque je change les px en %, la page s'affiche a 100% et impossible de réduire, que je mette 10% ou 80% c'est tjs la meme taille

Socrate à dit : "Tout les chats sont mortel". Socrate était mortel, donc Socrate est un chat

jp949

22 mars 2006 à 5:49:03

dans ce cas il faut lui donner une largeur en px et non eb relatif 83% c'est certain qu'en resolution 1200 il va s'etirer sur la largeur et diminuer en hauteur

Daywalker_mso

22 mars 2006 à 17:32:58

J'enttend bien mais je ne souhaite pas non plus avoir d'espace vide de chaque coter de mon site :-s

Socrate à dit : "Tout les chats sont mortel". Socrate était mortel, donc Socrate est un chat