problème firefox div + css2 ... (dernier espoir)
Hors ligneAsquel Le 20/04/2006 à 14:54 Profil de Asquel Configuration de Asquel

bonjour tout le monde,
j'ai crée une interface graphique gérer une parc informatique.
l'interface est en <div> et css .
Bref tout se passait bien jusqu'a ce que un jour je regarde sous firefox ce que ca donnait et là plus rien n'allait ...
J'ai donc lu les posts de ce forum à ce sujet, je suis aller sur le site de http://openweb.eu.org lire comment respecter les standars à ce sujet.
Et j'en ai donc conclu qu'il fallait que je rajoute soit un spacer soit une barre HR.
J'ai essayé les deux, cela a grandement résolu mon problème, mais il en subsiste néanmoins encore un ...



/* CSS Document */
body
{
     width:892px;
     font-family:Verdana; font-size:9px; color:#993300; font-weight:bold; text-decoration:none;
     margin-top:0px;
     margin-right:auto; margin-left:auto;
     
}

     .menu
{
     text-align:left;
     margin-left:15px;
     padding-left: 30px;
     background-image: url(gfx/carre.gif);
     background-repeat: no-repeat;
     background-position: 10px;
     
}
     
a:link, a:visited
{
     color : black;
     margin-left:15px;
     text-decoration:none;
     
}

a:hover, a:active
{
     text-decoration : underline;
     
}
     
a.menu:hover, a.menu:active
{
     background-image: url(gfx/carre2.gif);
}

/* Header principal site*/


.bg_header
{
     width:892px;
     height:64px;
     position: relative;
     background-image: url(gfx/main_haut.gif);
          
}
          
.bg_footer
{
     width:892px;
     height:62px;
     position: relative;
     background-repeat: no-repeat;
     background-image: url(gfx/main_bas.gif);
          
}
          
.bg_contain
{
          width:892px;
          position: relative;
          background-image: url(gfx/main_milieu.gif);
          
}
table
{
empty-cells:show;
}          

          
/* Right container of the site */
.container
{
          width:567px;

          
}
          
.container_position
{
          width:567px;
          margin-right:10px;

          float:right;
}

.container_header
{
          width:567px;
          height:48px;

          background-image:url(gfx/container_droite_haut.gif);
          
}

.container_footer
{
          width:567px;
          height:49px;
     
          background-image:url(gfx/container_droite_bas.gif);
          
}

.container_milieu
{
          width:567px;
          text-align:center;
          
          background-image:url(gfx/container_droite_milieu.gif);
          
}
          
/* Left menu of the site */
.menu
{
          width:229px;
          
}
          
.menu_position
{
          width:229px;
          margin-left:10px;
          float:left;
}

.menu_header
{
          width:229px;
          height:29px;
          background-image:url(gfx/menu_gauche_haut.gif);
          
}

.menu_footer
{
          width:229px;
          height:28px;
          background-image:url(gfx/menu_gauche_bas.gif);
          
}

.menu_milieu
{
          width:229px;
          background-image:url(gfx/menu_gauche_milieu.gif);
          
}

hr
{
  clear: both;
  visibility: hidden;
  width:10%;
}



<div class="bg_header"></div>
               <div class="bg_contain">
               <div style="text-align:center;padding-top:0px"><img src="gfx/logo.gif"/></div>
                    <div class="container_position">
                         <div class="container_header"></div>
                              <div class="container_milieu">
                              <?php
                              
                              
/* code pour afficher la page du milieu */
                              if (!isset($_GET['page']))
                                   $pg = 'welcome.php';
                              else {
                                   $pg = $_GET['page'].'.php';
                                   if (!file_exists($pg))
                                        $pg = 'welcome.php';
                              }
                              require($pg);
                              
                         ?>
                      </div>
                              <div class="container_footer"></div>
                    </div>
                    <div class="menu_position">
                         <div class="menu_header"></div>
                              <div class="menu_milieu">
                              <?php if (!isset($_SESSION['login'])){ ?>
                                   <form style="text-align:center;" action="<?php $_SERVER['PHP_SELF']?>?page=admin/login" method="post" name="login">
                                   Identification : <br/><br/>
                                   Login : <input name="login" type="text" size="18" maxlength="50" /><br/>
                                   Pass : <input name="pass" type="password" size="18" maxlength="50" /><br/> <br/>
                                   <input name="submit" type="submit" value="Submit"/><br/>
                                   </form>
                                   <?php
                                   
}
                                   else {
                                   ?>
                                   <?php if ($_SESSION['rights']=='3' || $_SESSION['rights']=='2' || $_SESSION['rights']=='1')
                                        { ?>
                                             <a class="menu" href="index.php?page=list_computer">List Computers</a><br/>
                                   <?php }
                                        if ($_SESSION['rights']=='2' || $_SESSION['rights']=='1' && $_SESSION['rights']!='3')
                                        {  ?>
                                             <a class="menu" href="index.php?page=management">Manage Computers</a><br/>
                                             <a class="menu" href="index.php?page=searching">Search Computer(s)</a><br/>
                                   <?php }
                                         if ($_SESSION['rights']=='1' && $_SESSION['rights']!='3' && $_SESSION['rights']!='2')
                                         { ?>
                                             <a class="menu" href="index.php?page=admin/manage">Admin Options</a>
                                        <?php
                                        
}
                                        
                                   
}
                                   ?>
                        </div>
                         <div class="menu_footer"></div><br/>
                         <a href="index.php?page=admin/logout">Logout</a>
                         <br/><br/>
                         <div style="padding-left:50px;"><img src="gfx/zhs_logo.jpg"/></div>
                    </div>

<hr />
               </div>

          <div class="bg_footer"></div>

Hors ligneAnthony Le 20/04/2006 à 15:20 Profil de Anthony Configuration de Anthony

Fou du volant
Salut,

on pourrait voir ce que ça donne en ligne stp (avec les images et tout) ? ça m'aiderait perso à voir d'où vient ton problème :-)

Merci
--

Hors ligneAsquel Le 20/04/2006 à 16:50 Profil de Asquel Configuration de Asquel

j'ai mis l'image en haut

mais bref :)
c'est résolu merci quand même
un problème de fusion des marges ...

j'ai mis Margin et padding à 0 et ca a marché !
Vous avez résolu votre problème avec VIC ? Faites-le savoir sur les réseaux sociaux !
Vulgarisation-informatique.com
Cours en informatique & tutoriels