Le DVD vidéo de Florent V. :

Elephorm apprendre XHTML et CSS
Rechercher dans le sujet :
Forum
» Salon général et débutants
» Probleme de mise en page
Auteur
rockt13
# 14 Oct 2008 - 08:23:13
Citer
82 Posts
 Bonjour , voici mon problème
Mon site intranet , possède un header , un menu à gauche , un contenu centre , et un footer .
A priori bien basique , le comportement et pourtant totalement différent entre IE6 et Firefox3 et je n'arrive pas à m'en sortir....
dans firefox 3 le contenu centre se met pas à la suite du menu
Defois mon footer s'affiche defois non...


div#header 

{ 

   /*background-image:url("img/header.jpg"); */

   background-repeat:no-repeat;

   /*width:100%; */

   height:76px; 

   position:relative;

	/*background-color:#141194;*/

	background:green;



} 

div#gauche_menu

{

    /*background-image:url("img/gauche_menu.jpg"); 	*/

    width:100px;

    height:524px;  

    float:left;

	background:blue;



}



div#footer1

{

	position: relative;

	clear: both;

	/*top:550px;*/

	top:420px;

	width:75%;

	text-align:center;

	background:yellow



}



div#partie_centrale

{

    width:850px;

	height:400px;

	background:red;

	padding-left:120px;

}






 <div id="header"> 

    

    <div class="t1">

    <?

        echo 'We are   : '.$date_today.' '.$heure_today;

    ?>

    </div>  



  </div>

  

  <div id="gauche_menu">

       <ul id="menu">

       <?    

       echo '<li><a class="menu" href="index.php?type_machine=emt">EMT</a></li>';

       //echo '<li><a class="menu" href="index.php?type_machine=emt">EOX</a></li>';

       //echo '<li><a class="menu" href="index.php?type_machine=epn">EPN</a></li>';

	   echo '<li>EOX</li>';

       echo '<li>EPN</li>';

       echo '<li id="expli"><a class="menu" href="index.php?Page=principe">Le principe</a></li>';

	   if(isset($_SESSION['connection'])&&($_SESSION['connection']=="OK"))

	   {

			echo '<li><a class="menu" href="index.php?page=add">ADD</a></li>';

			echo '<li><a class="menu" href="logout.php">Logout</a></li>';

			

	   }

	   

       ?>

       </ul>

	   <?

	   if(!isset($_SESSION['connection'])&&($_SESSION['connection']!="OK"))

	   {

			echo '<div class="login">';

				include ("login.php"); 

			echo '</div>';

	   }



	   ?>

   </div>

   <p>

   Bonjour.La nouvelle version de ping_lamsta est en cours de test seulement sur le parc EMT.

   </p>

  <div id="partie_centrale">

    <?

if($page=='add')

{

	include("add.php");

}

elseif($page=='principe')

{

       include ("principe.php");

}

 elseif($type_machine=='epn' ||$type_machine =='eox' || $type_machine=='emt')

{

       include("tableau.php");

}

}

    ?>

  </div>

  <div id="footer1">



  <?

     echo 'Realisé par ';

     echo '<a class="contact" href="mailto:a@st.com">Jé</a>';    

  	   echo '<div class="compteur">';

			include("./visite/visite.php");

			print"Total visitors:<b> $compteur</b><br>";

			print"Today:<b> $compteur_j</b><br>";

			print"Online:<b> $compteur_c</b><br>";

		echo '</div>';



  ?>



  </div>

previews/12239-IE6.JPG previews/12239-ff3.JPG

Merci de votre aide smile
Modifié par rockt13 (14 Oct 2008 - 13:31)
Le notoriété se consume comme un feu de paille.Il faut savoir rester humble.
icq msn 
^
scott54
# 14 Oct 2008 - 09:24:23
Citer
67 Posts
 
div#partie_centrale



{

...



	padding-left:120px;



}


ce n'est pas plutôt un margin qu'il faudrait ici ?
Modifié par scott54 (14 Oct 2008 - 09:24)
^
rockt13
# 14 Oct 2008 - 09:36:48
Citer
82 Posts
 ça ne change rien avec un margin , mon partie_central rouge , est au mme endroit , et mon tableau est en dessous de mon div ( sous firefox 3 )
Le notoriété se consume comme un feu de paille.Il faut savoir rester humble.
icq msn 
^
rockt13
# 14 Oct 2008 - 11:02:49
Citer
82 Posts
 Snif , personne n'as d'idée ? decu
Le notoriété se consume comme un feu de paille.Il faut savoir rester humble.
icq msn 
^
scott54
# 15 Oct 2008 - 22:40:14
Citer
67 Posts
 j'arrive à quelque chose de potable sur FF3 et ie6 avec ça :



body {

margin:0;

padding:0;

}



div#header {

padding:10px; 



	width:950px;

	height:76px; 

	background:green;

} 



#contenaire {

background-color:#FF9933;

 width:1000px;



}



#bonjour {

display:inline;

margin-left:110px;

}





div#gauche_menu

{

    /*background-image:url("img/gauche_menu.jpg"); 	*/

    width:100px;

    height:524px;  

    float:left;

	background:blue;

}



div#partie_centrale

{

	

	margin-left:100px;

	padding:10px;

    width:850px;

	min-height:524px;

	height:524px;

	background:red;

	

}







div#footer1

{

	

	clear: both;

	padding:10px;

	width:950px;

	text-align:center;

	background:yellow

}


et ça 




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >

   <head>

       <title>LocaGames - Location de jeux vid&eacute;o multi-plateforme (PS2, X360, PC)</title>

       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

       <link rel="stylesheet" type="text/css" title="default" href="style.css" />

	   

   </head>

  

	<body>

<div id="header"> 

  <div class="t1">  </div>  

</div>



<div id="contenaire">

<p id="bonjour">

   Bonjour.La nouvelle version de ping_lamsta est en cours de test seulement sur le parc EMT.</p>

<div id="gauche_menu">

  <ul id="menu">

    



  </ul>

	

</div>

<div id="partie_centrale">



  <p> aaazzzeeerrrtttyyyuuuiiiooopppqqqsssdddfffggghhhjjjkkklllmmmwwwxxxcccvvvbbbnnn aaazzzeeerrrtttyyyuuuiiiooopppqqqsssdddfffggghhhjjjkkklllmmmwwwxxxcccvvvbbbnnn aaazzzeeerrrtttyyyuuuiiiooopppqqqsssdddfffggghhhjjjkkklllmmmwwwxxxcccvvvbbbnnn aaazzzeeerrrtttyyyuuuiiiooopppqqqsssdddfffggghhhjjjkkklllmmmwwwxxxcccvvvbbbnnn </p>

</div>

</div>

<div id="footer1">

  <p> aaazzzeeerrrtttyyyuuuiiiooopppqqqsssdddfffggghhhjjjkkklllmmmwwwxxxcccvvvbbbnnn aaazzzeeerrrtttyyyuuuiiiooopppqqqsssdddfffggghhhjjjkkklllmmmwwwxxxcccvvvbbbnnn aaazzzeeerrrtttyyyuuuiiiooopppqqqsssdddfffggghhhjjjkkklllmmmwwwxxxcccvvvbbbnnn aaazzzeeerrrtttyyyuuuiiiooopppqqqsssdddfffggghhhjjjkkklllmmmwwwxxxcccvvvbbbnnn </p>

</div>





</body>

</html>



j'ai viré les code php pour faire mes tests

pour résumé j'ai englobé ton menu et ta partie centrale dans un contenaire


chez moi le résultat est le même sur ie7 FF3 et ie6 (ce dernier installé sur une machine virtuelle)
Modifié par scott54 (15 Oct 2008 - 22:42)
^
rockt13
# 20 Oct 2008 - 09:39:53
Citer
82 Posts
 Salut scott54 , et merci de ta réponse.
j'ai essayé le code que tu m'as fournis : et il s'affiche bien quand je met du texte dans mon contenu principal.
Mais dès que je met un include d'une autre page .php comme ceci


<div id="partie_centrale">



  <p>  <?

if($page=='add')

{

	include("add.php");

}

elseif($page=='principe')

{

       include ("principe.php");

}

 elseif($type_machine=='epn' ||$type_machine =='eox' || $type_machine=='emt')

{

       include("tableau.php");

}

    ?> </p>

</div>

Tout le bloc rouge (partie_centrale) se décale vers le bas ...et sous FF3 le tableau sors carrément de son contenaire(bloc rouge partie_centrale)
snif...bizarre bizarre...
Peut être à cause de ma résolution d'écran ? Dans ce cas y aurait-il moyen de faire en sorte que quelle que soit la taille de ma fenetre du navigateur , les éléments ne viennent pas se mettre en dessous les un des autres?
Le notoriété se consume comme un feu de paille.Il faut savoir rester humble.
icq msn 
^
scott54
# 20 Oct 2008 - 11:50:35
Citer
67 Posts
 effectivement j'ai fixé une taille à la hauteur du bloc central

sinon j'ai essayé avec un simple include : le bloc rouge ne se décale pas vers le bas : je pense que le problème vient des pages que tu met en include

pourrais tu me mettre le code complet d'une des page en include avec laquelle le problème se pose ?
^
rockt13
# 20 Oct 2008 - 12:53:56
Citer
82 Posts
 Oui bien sur
voici tableau.php


<?php 

//couleur texte orange : #FF9900





include("connect.php");



// on cree la requete SQL 

$sql = 'SELECT * FROM lam_'.$type_machine;

 

// on envoie la requ?e 

$req = mysql_query($sql) or die('Erreur SQL !<br>'.$sql.'<br>'.mysql_error()); 

mysql_error();



    echo '<table width="75%" border="0">';

    // premi?e ligne on affiche les titres

    echo '<tr>';

    echo '<th>Tool</th>';

	echo '<th>Last test</th>';

    echo '<th>Link</th>';

    echo '<th>Comment</th>';

    echo '<th>Process Station pw32</th>';

	echo '<th>Antivirus TrendMicro</th>';

 //   echo '<th>Historic</th>';

    echo '<th>Chart</th>';

    echo '</tr>'."\n";



// on fait une boucle qui va faire un tour pour chaque enregistrement 

     while($data = mysql_fetch_assoc($req))

    { 

        $nom  = $data['Machine'];

        $etat = $data['Etat'];

        $date = $data['Date_Machine'];

        $heure= $data['Heure'];

		$antivirus= $data['Antivirus'];

        $process=$data['Process'];

        



        $perte = "SELECT count(etat)  as 'perte' FROM ".$nom."_histo  where etat like 'OFF'";

        $ok    = "SELECT count(etat)  as 'OK' FROM ".$nom."_histo  where etat like 'ON'";

        $req3  = mysql_query($perte) or die('Erreur SQL !<br>'.$perte.'<br>'.mysql_error()); 

        $off   = mysql_fetch_assoc($req3);

        

        $nbr_off=$off['perte'];

        

        $req4   =  mysql_query($ok) or die('Erreur SQL !<br>'.$ok.'<br>'.mysql_error()); 

        $ok_com = mysql_fetch_assoc($req4);

        $nbr_ok = $ok_com['OK'];





		// ---------------------------------------------------------------------------------------------------------------------

		//

		//Calcul des intervalles de temps

		//

		//----------------------------------------------------------------------------------------------------------------------

		//$timestamp_last=mktime(HOUR($heure),MINUTE($heure),SECOND($heure),MONTH($date),DAY($date),YEAR($date)) ;

		

		list($a, $m, $j) = explode('-', $date);

		list($h , $min ,$sec) = explode(':',$heure);

		

		$timestamp_last=mktime($h,$min,$sec,$m,$j,$a) ;	

		$timestamp_now=mktime(date("H"),date("i"),date("s"),date("m"),date("d"),date("Y")) ;



        $delta_temps=($timestamp_now)-($timestamp_last);

		

		//Si DELTA temps > 40 min , cest que ping_lam ne tourne pas , donc le PC est eteint

		//Sachant qu'il se lance toute les 30 min 

        if( $delta_temps > 2400   )

        {

            $time=calcul_hours($delta_temps);

			







			//$status=pingDomain($ip_lam[$nom]);

			if($status=-1)

			{

			$etat_pc= $time;

			}

			else

			{

				$etat_pc= 'PC allume';

			}

            

            

        }

        else

        {

            //$etat_pc= $diff_today.'-'.$diff_date;

            $etat_pc= 'PC allume';

        }



         // on affiche les informations de l'enregistrement en cours 

         echo '<tr>';

         if($etat == 'ON' && $etat_pc=='PC allume')

        {

             echo '<td ><b><div align="center">'.$nom.'</div></b></td>';

			 echo '<td><div align="center">'.$heure.'</div></td>';

             echo '<td><img src="tout_ok.gif" alt="" title="tout_ok" width="100" height="20" border="0" /></img></td>';

             /*echo '<td ><b><div align="center">'.$etat.'</div></b></td>';*/

             if($process=='RUN' || $process=='UNKNOW')

             {

                  $comment='RAS';

             }

             elseif($process=='DOWN')

             {

                  $comment='Process Station is down ';

             }

			 if($antivirus=='DOWN')

			 {

				  $comment='Antivirus TrendMicro is not running';

			 }

             echo '<td ><b><div align="center">'.$comment.'</div></b></td>';

             if($process=='UNKNOW')

             {

				echo '<td ><b><div align="center">?</div></b></td>';

             }

             else

             {

				echo '<td><img src="'.$process.'.gif"></img></td>';

             }

			 echo '<td><img src="'.$antivirus.'.gif"></img></td>';

            // echo '<td ><b><div align="center"><a href=index.php?name='.$nom.'&type_machine='.$type_machine.'>...</a></div></b></td>';

        }

        elseif($etat == 'OFF' &&  $etat_pc=='PC allume' )

        {

             echo '<td ><b><div align="center">'.$nom.'</div></b></td>';

			 echo '<td><div align="center">'.$heure.'</div></td>';

			echo '<td><img src="pc_on_cnx_off.gif" alt="" title="pc_on_cnx_off" width="100" height="20" border="0" /></img></td>';

           

            if($process=='RUN' || $process =='UNKNOW')

             {

                  $comment='Connection '.$nom.'/lamstation is down';



             }

             elseif($process=='DOWN')

             {

                  $comment='Link between lamsta/'.$nom.'is lost';



             }

                  echo '<td class="OFF">'.$comment.'</td>';



            if($process=='UNKNOW')

             {

             echo '<td ><b><div align="center">?</div></b></td>';

             }

             else

             {

             echo '<td><img src="'.$process.'.gif"></img></td>';

             }

			echo '<td><img src="'.$antivirus.'.gif"></img></td>';

            //echo '<td ><a href=index.php?name='.$nom.'&type_machine='.$type_machine.'>...</a></td>';



        }

        elseif($etat_pc!='PC allume')

        {

            //$comment='Lamstation computer is down, since'.$time;

			$comment='<a href="#" class="info">No test since <font color=red>'.$time.'</font><span>+ Check if PC lamstation is <u>ON</u><br>+ Check if ping_lamstav2.exe is <u>running</u></span></a>';



			//$comment='No test since <font color=red>'.$time.'</font><br><font size=0.5>+ Check if PC lamstation is <u>ON</u></font><br><font size=0.5>+ Check if ping_lamstav2.exe is running</font>';

            $etat_pc='OFF';

             echo '<td ><b><div align="center">'.$nom.'</div></b></td>';

			 echo '<td><div align="center">'.$heure.'</div></td>';

        echo '<td><img src="pc_off_cnx_off.gif" alt="" title="pc_off_cnx_off" width="100" height="20" border="0" /></img></td>';

          // echo '<td class="jaune">'.$etat.'</td>';

            echo '<td class="jaune">'.$comment.'</td>';

            if($process=='UNKNOW')

             {

             echo '<td ><b><div align="center">?</div></b></td>';

             }

             else

             {

             echo '<td><img src="'.$process.'.gif"></img></td>';

             }

			 

			echo '<td><img src="'.$antivirus.'.gif"></img></td>';

            //echo '<td ><a href=index.php?name='.$nom.'&type_machine='.$type_machine.'>...</a></td>';



        

        }

 //echo '<td ><a href=courbe_artichow.php?nom='.$nom.' target="_blank">courbe</a></td>';

?>

<td><a  href="courbe_artichow.php?nom=<?php echo $nom;?>" target="wclose" onclick="window.open('courbe_artichow.php?nom=<?php echo $nom;?>','wclose',

'width=700,height=400,toolbar=no,status=no,left=20,top=30')"><img src="bar-chart-vertical.gif" class="courbe"></img></A></td>

<?php

/*echo '<td><a href="" onclick="window.open(courbe_artichow.php?nom='.$nom.',width=650,height=400,toolbar=no,status=no,left=20,top=30); return false;">chart</a></td>';*/ 

         echo '</tr>'."\n";



    }



// on ferme la connexion mysql 

mysql_close(); 

?>

Le notoriété se consume comme un feu de paille.Il faut savoir rester humble.
icq msn 
^
scott54
# 20 Oct 2008 - 13:33:47
Citer
67 Posts
 apparemment ça vient bien du code php : quand je fait un simple include de la page que tu m'a donnée le problème se pose : j'analyse le code source de la page envoyée au navigateur : le code s'arrête à
<br>SELECT * FROM lam_<br>Accès refusé pour l'utilisateur: 'ODBC'@'@localhost' (mot de passe: NON)

donc je pense que quelque chose dans le code php empêche le serveur d'aller plus loin dans le traitement de ta page
malheureusement je ne connait pas suffisamment php pour t'en dire plus.
Si ton code php produit du code html vérifie par exemple qu'il referme bien toutes les balises ...
désolé de ne pas pouvoir t'aider plus que ça
Modifié par scott54 (20 Oct 2008 - 13:36)
^
rockt13
# 20 Oct 2008 - 16:22:59
Citer
82 Posts
 En fait , étant donné que tu n'a pas de serveur mysql installé avec les mêmes caractéristiques que le mien ( nom de la bdd, nom de la table , champ de la table ,login , password , host du serv )
Et bien il n'arrive pas à executé la requete , donc il met une erreur tout à fait logique..Sinon essaie de virer tout ce qui concerne les requêtes à la BDD et met à la place un simple tableau avec des champs textes rempli en dur à l'intérieur?
Le notoriété se consume comme un feu de paille.Il faut savoir rester humble.
icq msn 
^
Prévenir un modérateur
Répondre au sujet
Aller à
Powered by Phedio v3.8.5 beta in 13.1 ms © dew