bonjour à tous!
je débute niveau conception de site et j'eprouve quelques difficultés pour faire afficher mon site correctement avec ie!
j'utilise une feuille de style externe et des include dans ma page index me permettant de rassembler les differentes parties de ma page.
Avec ma css je positionne mes différents bloques.
Sous firefox je viens, avec de l'aide, de reussir à obtenir un affichage correct à l'aide de ma css mais avec ie le resultat n'est pas bon!
quelqu'un peut il m'aider?
merci d'avance!
voici l'adresse de mon site: http://ayiore.free.fr/agua/sitephp/
ma css:
et ma page index avant interpretation par le serveur:
voilà j'espère que c'est assez complet et n'hésitez pas à m'indiquer d'autres problèmes si vous en voyez car je débute!
merci
Modifié par ayiore (25 Sep 2005 - 11:19)
je débute niveau conception de site et j'eprouve quelques difficultés pour faire afficher mon site correctement avec ie!
j'utilise une feuille de style externe et des include dans ma page index me permettant de rassembler les differentes parties de ma page.
Avec ma css je positionne mes différents bloques.
Sous firefox je viens, avec de l'aide, de reussir à obtenir un affichage correct à l'aide de ma css mais avec ie le resultat n'est pas bon!
quelqu'un peut il m'aider?
merci d'avance!
voici l'adresse de mon site: http://ayiore.free.fr/agua/sitephp/
<html>
<head>
<title>.::agua viva::.</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="styles.css" rel="stylesheet" title="styles" type="text/css" />
</head>
<body>
<div id="global">
<div class="menu" >
<body bgcolor="#ffffff">
<table border="0" cellpadding="0" cellspacing="0" width="780">
<!-- fwtable fwsrc="Sans titre" fwbase="test1.gif" fwstyle="Dreamweaver" fwdocid = "272400320" fwnested="0" -->
<tr>
<td><img src="file:///C|/compte/jybe/agua%20viva%20final/images/spacer.gif" width="211" height="1" border="0" alt=""></td>
<td><img src="file:///C|/compte/jybe/agua%20viva%20final/images/spacer.gif" width="26" height="1" border="0" alt=""></td>
<td><img src="file:///C|/compte/jybe/agua%20viva%20final/images/spacer.gif" width="216" height="1" border="0" alt=""></td>
<td><img src="file:///C|/compte/jybe/agua%20viva%20final/images/spacer.gif" width="329" height="1" border="0" alt=""></td>
</tr>
<tr>
<td><img src="aguabanfinal1_r1_c1.jpg" alt="" name="aguabanfinal1_r1_c1" width="211" height="64" border="0"></td>
<td colspan="2"><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="242" height="64">
<param name="movie" value="menu1.swf">
<param name="quality" value="autolow">
<embed src="menu1.swf" quality="autolow" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="242" height="64"></embed>
</object></td>
<td><img src="aguabanfinal1_r1_c4.jpg" width="327" height="64"></td>
</tr>
<tr>
<td colspan="2"><img src="aguabanfinal1_r3_c1.jpg" alt="" name="aguabanfinal1_r3_c1" width="237" height="41" border="0"></td>
<td rowspan="2"><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="216" height="87">
<param name="movie" value="menu2.swf">
<param name="quality" value="autolow">
<embed src="menu2.swf" quality="autolow" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="216" height="87"></embed>
</object></td>
<td><img src="aguabanfinal1_r2_c4.jpg" width="327" height="41"></td>
</tr>
<tr>
<td colspan="2"><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="237" height="46">
<param name="movie" value="fondu%20espace%20forme.swf">
<param name="quality" value="autolow">
<embed src="fondu%20espace%20forme.swf" quality="autolow" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="237" height="46"></embed>
</object></td>
<td><img src="aguabanfinal1_r4_c4.jpg" width="327" height="46"></td>
</tr>
</table>
</div>
<div class="news" >
<table width="150" height="504" border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff">
<tr>
<td bgcolor="#e0f4fc" valign="top" width="150">
<div style="padding: 5px 10px 10px; " class="ver11">
<div align="justify">
<p><span class="Style3" style="color: #FF0000; font-weight: bold;"><font style="">25 Juin 2005</font></span><br>
<span class="styleorange" style="font-size: 12px; color: #FF0000; font-family: Arial, Helvetica, sans-serif; font-weight: bold;"><font style="">Body pump 54 New release </font></span></p>
<p><span style="font-size: 12px; font-family: Arial, Helvetica, sans-serif;"> Venez nombreux le samedi 25 pour le premier cours du body pump release 54. <span style="font-size: 12px; font-family: Arial, Helvetica, sans-serif;">
<a href="#" style="" class="ver11">suite... </a></span></span></p>
<p class="styleorange"> <span class="styleorange" style="color: #FF0000; font-weight: bold;"><font style="">25 juin 2005 </font></span><br>
<span style="font-size: 12px; font-family: Arial, Helvetica, sans-serif;"><span style="color: #FF0000; font-weight: bold;"><font style="">Soirée piscine</font></span></span></p>
<p><span style="font-size: 12px; font-family: Arial, Helvetica, sans-serif;"> Après vous être depensé sur les nouveaux body
attack et body pump venez vous delasser autour d'un buffé froid
et finir la soirée dans la piscine <a href="#" style="" class="ver11"> suite... </a></span></p>
</div>
</div>
</td>
</tr>
</table>
</div>
<div class="colonneDroite" >
<table width="630" border="0" cellpadding="10" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="630" height="254" valign="top" bgcolor="#FFFFFF">
<p align="center" class="Style4"><strong><br>Un espace qui vous change et ça change tout.</br></br></strong></p> <p align="justify" class="Style4"><span class="styleorange">Forme, santé, détente, beauté</span>... A chacun son bien être. </p>
<p align="justify" class="Style4"> <span class="styleorange">Idéal pour se relaxer ou se tonifier</span>, Agua Viva permet à chacun de choisir l'activité qui lui convient.</p>
<p align="justify" class="Style4"><span class="styleorange">Chasser le stress</span>, retrouver le parfait équilibre, il n'y aura pas de meilleurs moments que ceux que vous avez choisis.
<p align="justify" class="Style4"><span class="styleorange">Loisirs ou remise en forme</span>, c'est dans tous les cas, ici plus qu'ailleurs qu'on s'occupera de vous. Toute une équipe de professionnels est mobilisée pour vous faire passer les meilleurs moments.
<p align="justify" class="Style4"> Un cadre naturellement convivial et chaleureux vous attend. </td>
</tr>
<tr>
<td width="630" height="230" valign="top" bgcolor="#FFFFFF"><div align="center"><img src="1activites.jpg" width="570" height="230" align="top"></div></td>
</tr>
</table>
</div>
<div class="pied">
<table width="780" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="780" height="70" valign="top" background="bas1.jpg"><div align="center"><span class="Style3"><br>
<br>
<span class="Style3">Zone du Val Luisant 9, Bd. d'Hochstadt 28600 Luisant Tél: 02 37 28 51 50 Fax: 02 37 28 38 10</span></span><span class="Style1"> </span></div></td>
</tr>
<tr>
<td height="12" valign="top" bgcolor="#000000"><div align="center"><span class="Style3"> Copyright © 2005 Agua viva. All rights reserved. </span></div></td>
</tr>
</table>
</div>
</div>
</body>
</html>
ma css:
body {
text-align: center;
background-color:white;
background-image:url(back_fade.jpg);
}
#global {
width: 780px;
position: absolute;
top: 10px;
left: 50%;
margin-left: -390px;
}
.Style4 {
color: #000000;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}
.Style3 {
color: #FFFFFF;
font-size: 14px;
font-family: "Times New Roman", Times, serif;
font-weight: bold;
}
.styleorange {
font-family: "Century Gothic";
font-size: 12px;
color: #F37046;
font-weight: bold;
}
.menu
{
margin: 0 auto;
padding: 0;
width: 780px;
height: 150px;
}
.news
{
float: left;
width: 150px;
}
.accueil
{
margin-left: 150px;
width: 630px;
}
.pied
{
margin: 0 auto;
width: 780px;
height: 80px;
font-size: 12px;
}
et ma page index avant interpretation par le serveur:
<div id="global">
<div class="menu" >
<?php
include('menu.php');
?>
</div>
<div class="news" >
<?php
include('news.php');
?>
</div>
<div class="colonneDroite" >
<?php
$pageOK = array('accueil' => 'accueil.php',
'planningStud2' => 'planningStud1.php');
if ( (isset($_GET['page'])) && (isset($pageOK[$_GET['page']])))
{
include($pageOK[$_GET['page']]);
} else
{
include('accueil.php');
}
?>
</div>
<div class="pied">
<?php
include('pied.php');
?>
</div>
</div>
</body>
</html>
voilà j'espère que c'est assez complet et n'hésitez pas à m'indiquer d'autres problèmes si vous en voyez car je débute!
merci
Modifié par ayiore (25 Sep 2005 - 11:19)
