[Résolu] PB de mise en page differente suivant le navigateur utilisé

Bonjour,

Voila je suis en train de faire un site à l'aide d'un css, avec une présentation comme l'exemple ci dessous:

http://www.hiboox.com/image.php?img=492299c.jpg

Je place mes trois "menus" de gauche avec le code suivant dans mon css:

#menu{
    margin: 1px 1px 1px 1px;
    position: absolute;
    top: 94px;
    left: 4px;
    width:135px;
    background-image:  url("images/fond.gif");
    background-color: #FFFFFF;
    border:    1px solid #446B86;
 
}
/************************************/
#menu1{
    margin: 1px 1px 1px 1px;
    position: absolute;
    top: 278 px;
    left: 4px;
    width:135px;
    background-image:  url("images/fond.gif");
    background-color: #FFFFFF;
    border:    1px solid #446B86;
}
/************************************/
#menu2{
    margin: 1px 1px 1px 1px;
    position: absolute;
    top: 314px;
    left: 4px;
    width:135px;
    background-image:  url("images/fond.gif");
    background-color: #FFFFFF;
    border:    1px solid #446B86;
}

dans ma page php j'utilise le code suivant:

<div id="menu">
<?php 
  include('menu.php'); 
?>
</div> 


<div id="menu1">
<?php 
  include('heure_date.php'); 
?>
</div> 


<div id="menu2">
<?php 
  include('defil.php');  
?>
</div> 

le problème est que l'espace entre les 3 menus n'est pas le même si j'utilise Internet Explorer, Firefox ou Opéra, du coup le rendu n'est pas extraordinaire.

Existe t il un solution ?

merci d'avance
Modifié par mb75 (04 Apr 2007 - 16:10)

Bonjour,

Déjà, c'est une très mauvaise idée de placer ces trois blocs les uns en dessous des autres en position: absolute. Il serait plus intelligent (et surtout plus fiable) d'englober les trois blocs dans un conteneur général, qui sera par exemple flottant à gauche.

Voir à ce sujet :
http://css.alsacreations.com/Modeles-de-mise-en-page-en-CSS

oui loin d'etre bete l'idée de mettre mes trois blocs dans un conteneur puis apres cela marche nickel en modifiant un peu

merci pour l'aide