18073 sujets

Questions générales et questions de débutants

Décalage de la partie Frame et menu sous l'entete.

Bonjour à tous!!

Alors j'ai un problème que je n'arrive pas trop a résoudre.
J'ai un décalage de mon menu de gauche et de ma frame Centrale sous l'entete. En gros je me trouve avec une hauteur de site non respectée.

Sous IE ca fonctionne mais pas sour Firefox.

Voila mon code dans Index.php :
<html>
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
@import url("style2.css");
-->
</style>
<link href="style2.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
@import url("style.css");
-->
</style>
</head>

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div class="haut"> 
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="766" height="358">
    <param name="movie" value="FLA/headerssanim.swf">
    <param name="quality" value="high"><param name="BGCOLOR" value="#000000">
    <embed src="FLA/headerssanim.swf" width="766" height="358" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" bgcolor="#000000"></embed></object>
</div>
<div class="gauche">
  <p><img src="images/Fond-Brownser.jpg" alt="" width="226" height="36" style="margin-left:17px "></p>
  <ul>
    <img src="images/pointer.gif"  alt="" style="margin-left:64px; margin-right:7px "><a href="index.php?page=tsss1" class="t11">Tee-shirt 
    Short sleeve</a> <img src="images/hl.gif" alt="" style="margin-left:30px "> 
    <img src="images/pointer.gif"  alt="" style="margin-left:64px; margin-right:7px "><a href="index.php?page=tsls" class="t11">Tee-shirt 
    Long sleeve</a> <img src="images/hl.gif" alt="" style="margin-left:30px "> 
    <img src="images/pointer.gif"  alt="" style="margin-left:64px; margin-right:7px "><a href="index.php?page=suite" class="t11">Swea-tshirt</a> 
    <img src="images/hl.gif" alt="" style="margin-left:30px "> <img src="images/pointer.gif"  alt="" style="margin-left:64px; margin-right:7px "><a href="index.php?page=bs" class="t11">Boardshort</a> 
    <img src="images/hl.gif" alt="" style="margin-left:30px "> <img src="images/pointer.gif"  alt="" style="margin-left:64px; margin-right:7px "><a href="index.php?page=rs" class="t11">Rashguard</a> 
    <img src="images/hl.gif" alt="" style="margin-left:30px "> <img src="images/pointer.gif"  alt="" style="margin-left:64px; margin-right:7px "><a href="index.php?page=cp" class="t11">Cap</a> 
    <img src="images/hl.gif" alt="" style="margin-left:30px "> <img src="images/pointer.gif"  alt="" style="margin-left:64px; margin-right:7px "><a href="index.php?page=sb" class="t11">Surfboard</a> 
    <img src="images/hl.gif" alt="" style="margin-left:30px "> <img src="images/pointer.gif"  alt="" style="margin-left:64px; margin-right:7px "><a href="index.php?page=videos" class="t11">Videos</a> 
    <img src="images/hl.gif" alt="" style="margin-left:30px "> <img src="images/pointer.gif"  alt="" style="margin-left:64px; margin-right:7px "><a href="index.php?page=catalogue" class="t11">Catalogue</a>
  </ul>
<p><img src="images/Fond-Brownser.jpg" alt="" width="226" height="36" style="margin-left:17px "></p> 
</div>
<div class="frame"> 
  <?php 
if (!isset($_GET['page'])) $page= 'news'; else $page= $_GET['page']; 
 switch($page)
{
/*Menu gauche*/
case 'news': include ('news.htm');break;
case 'tsss1': include ('tsss1.htm');break;
case 'tsls':include ('tsls.htm');break;
case 'sw':include ('sw.htm');break;
case 'bs':include ('bs.htm');break;
case 'rs':include ('rs.htm');break;
case 'cp':include ('cp.htm');break;
case 'sb':include ('sb.htm');break;
case 'videos':include ('videos.htm');break;
case 'catalogue':include ('catalogue.htm');break;
/*page tsss*/
case 'tsss2': include ('tsss2.htm');break;
case 'tsss3': include ('tsss3.htm');break;
case 'tsss4': include ('tsss4.htm');break;
/*Invad Spirit*/
case 'spirit': include ('spirit.htm');break;
} 
?>
</div>
  <div class="bas">
  <table  border="0" cellspacing="0" cellpadding="0" align="left">
						  <tr>
							<td valign="top" width="766" height="126">
								<div style="margin-left:28px; margin-top:20px ">
									<table  border="0" cellspacing="0" cellpadding="0" style="background:URL(images/back_f.png) ">
									  <tr>
										<td valign="top" width="271" height="69">										  
											<div style="margin-left:34px; margin-top:21px " class="t7">
												Copyright &copy; 2006 Company name.<br>
												<br style="line-height:2px ">
												<a href="#" class="t8">Privacy policy</a>										  
											</div>
										</td>
										<td valign="top" width="438" height="69" class="t9">
											<br style="line-height:21px ">
                <a href="#" class="t10">Home</a>&nbsp;&nbsp;&nbsp;:&nbsp;&nbsp;&nbsp;<a href="#" class="t9">New 
                products</a>&nbsp;&nbsp;&nbsp;:&nbsp;&nbsp;&nbsp;<a href="#" class="t9">Man’s</a>&nbsp;&nbsp;&nbsp;:&nbsp;&nbsp;&nbsp;<a href="#" class="t9">Woman’s</a>&nbsp;&nbsp;&nbsp;:&nbsp;&nbsp;&nbsp;<a href="#" class="t9">Accessories</a>&nbsp;&nbsp;&nbsp;:&nbsp;&nbsp;&nbsp;<a href="#" class="t9">Contacts</a><br>
											<br style="line-height:3px ">
											<a href="#" class="t10">Customer service</a>&nbsp;&nbsp;&nbsp;<span class="t10">:</span>&nbsp;&nbsp;&nbsp;<a href="#" class="t10">Checkout</a>&nbsp;&nbsp;&nbsp;<span class="t10">:</span>&nbsp;&nbsp;&nbsp;<a href="#" class="t10">My account</a>
										</td>
									  </tr>
									</table>
								</div>
							</td>
						  </tr>
						</table>
  </div>
  </body>
</html>


et voila le code dans Style CSS :

/* CSS Document */

<style type="text/css">

body {
margin: 0;
padding:0;
position: absolute;
width: 100%;
height: 100%;
font-family: verdana, arial, sans-serif;}

.haut {width: auto;
height: 126px;
background-color: 000000;
color: #fff;
font-size: 36px;
padding: 0px;}

.conteneur {
height: 338px;
width: 100%;}

.gauche {
	position: absolute;
	left: 0;
	width: 219px;
	height: 210px;
	background-color: #000000;
}
.frame {margin-left: 241px; /* on place ce bloc à droite du bloc menu de 180px de large */
width: auto;
height: 352px;
overflow: no; /* cette propriété va permettre le scroll de ce bloc */
font-size: 14px;
}
.bas {width: auto;
height: 30px;
background-color: 000000;
color: #fff;
margin-left: 12px;
font-size: 12px;
padding: 0px;}

</style>


Merci pour vos lumières Smiley biggrin
Modifié par brad689 (24 Apr 2006 - 05:21)
Bonjour brad689,

Tu peux mettre en ligne stp car ça n'est pas évident pour se rendre compte sans les images et puis il y a une telle différence entre les 2 navigateurs que je ne vois pas ton souci
Pas de quoi Smiley cligne

En fait, il faut juste que tu donnes à ta div :

.haut

la hauteur de ton flash, soit 358px
Bonjour Blue,

Merci, c'était pas compliqué.... Smiley rolleyes ...

Sinon jai un autre soucis, en fait j'aimerai que quand je click sur un des bouton placé dans l'animation du haut, qu'il appelle un fichier Html dans la Frame centrale qui est en php (index.php)

Peux tu m'aider ?

Et merci encore pour ta première aide Smiley biggrin
Modifié par brad689 (25 Apr 2006 - 21:53)
Ah oui aussi,

Pour cette histoire de Bouton flash qui appelle un Html dans la partie PHP, on m'avait deja un peu aidé, mais j'ai pas reussi a adapter le code a ma page Smiley sweatdrop . Voila le code que l'on m'a proposé :

Le code dans le Body
if($choix=='page_1') {code de la page 1}
elseif($choix=='page_2') {code de la page 2}
elseif($choix=='page_3') {code de la page 3}
...



Le code dans le Bouton Flash
page.php?choix=page_1,
page.php?choix=page_2,
 ou page.php?choix=page_3



Voila j'espere que tu pourras m'aider.

Merci
Sujet clos
Aller à