Bonjour
J'ai un probleme de decalage sous firefox sa marche impeccable mais sous ie c'est décalé... de plus impossible de mettre mon footer en bas de page pouvez vous m'aidez svp
et voici mon index
Modifié par pauline24030 (12 Jan 2006 - 17:26)
J'ai un probleme de decalage sous firefox sa marche impeccable mais sous ie c'est décalé... de plus impossible de mettre mon footer en bas de page pouvez vous m'aidez svp
/* body */
body, html {
scrollbar-face-color: #ffffff;
scrollbar-arrow-color: #898989;
scrollbar-shadow-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-track-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
margin: 0px;
padding: 0px;
background-color:#FEFEFE;
font-size: 7pt; color:#000000; font-family: Tahoma; font-weight: normal}
/******* design *******/
.layout {
position:absolute;
top: 0px;
left: 45px;
margin: 0px;
padding: 0px;
background: url(../design/haut.jpg) no-repeat;
width: 800px;
height: 405px;
text-align: left;
}
.bas {
position:absolute;
top: 404px;
left: 45px;
margin: 0px;
padding: 0px;
background: url(../design/bas.gif) repeat-y ;
width: 800px;
height: 100%;
text-align: left;
}
.colonnegauche {
float:left;
margin: 7px 0px 0px 70px;
padding: 0px;
font-family:verdana;
font-size:8px;
color:#000000;
font-weight:bold;
width: 210px;
height: AUTO;
text-align: left;
}
.colonnedroite {
float:right;
margin: 7px 41px 0px 0px;
padding: 0px;
width: 474px;
height: AUTO;
text-align: left;
}
.footer {
position:absolute;
top: 766px;
left: 45px;
margin: 0px;
padding: 0px;
background: transparent url(../design/footer.jpg) no-repeat;
width: 800px;
height: 80px;
text-align: left;
}
.footertexte {
position:absolute;
top: 18px;
left: 332px;
margin: 0px;
padding: 0px;
font-family:verdana;
font-size:8px;
color:#FFFFFF;
font-weight:bold;
width: 419px;
height: 42px;
text-align: left;
}
.maj {
position:absolute;
top: 326px;
left: 538px;
margin: 0px;
padding: 0px;
width: 136px;
height: 69px;
text-align: left;
}
/************** zone cliquable **************/
#zone1 {
float: left;
width : 84px;
height: 15px;
margin-left: 80px;
margin-top: 30px;
}
#zone2 {
float: left;
width : 84px;
height: 15px;
margin-left: 15px;
margin-top: 30px;
}
#zone3 {
float: left;
width : 84px;
height: 15px;
margin-left: 15px;
margin-top: 30px;
}
#zone4 {
float: left;
width : 84px;
height: 15px;
margin-left: 15px;
margin-top: 30px;
}
#zone5 {
float: left;
width : 84px;
height: 15px;
margin-left: 15px;
margin-top: 30px;
}
#zone6 {
float: left;
width : 84px;
height: 15px;
margin-left: 15px;
margin-top: 30px;
}
/************** couleurs fonts liens **************/
a:link, a:visited{
color: #B7B7B7;
text-decoration: none;
}
a:hover{
color: #C7D800;
text-decoration: none;
}et voici mon index
[code]<div class="bas">
<div class="colonnegauche">
<img src="design/colonnegauche/dernieresnews.gif" vspace="2" border="0"/>
<?
///---Les 12 Dernieres News Colonne Gauche
$nb = 0;
while ($line = mysql_fetch_assoc($res2))
{
$nb++;
if ($nb == 1) continue;
$title = $line["title"];
$author = $line["starter_name"];
$date = date("d/m/Y", strtotime($line['starter_date']));
$id = $line["tid"];
// echo "<ul>";
if (strlen($title) < $LIMIT_TEXT2)
{
print "<img src=\"design/colonnegauche/logonews.gif\"> <a href=\"news.php?tid=$id\">" . extract_title($title) . "</a><br>";
}
else
{
print "<img src=\"design/colonnegauche/logonews.gif\"> <a href=\"news.php?tid=$id\" >" . substr(extract_title($title), 0, $LIMIT_TEXT2 - 3) . "...</a><br>";
}
// echo "</ul>";
}
?>
<br/>
<img src="design/colonnegauche/derniersposts.gif" border="0"/>
<br/>
<img src="design/colonnegauche/partenariats.gif" border="0"/>
<br/>
<img src="design/colonnegauche/nouslier.gif" border="0"/>
<br/>
<img src="design/colonnegauche/stats.gif" border="0"/>
<br/>
<img src="design/colonnegauche/disclaimer.gif" border="0"/>
</div>
<div class="colonnedroite">
<?
///---Les 6 News Premère Page
while ($line = mysql_fetch_assoc($res))
{
$title = $line["title"];
$author = $line["starter_name"];
$date = date("d/m/Y", strtotime($line['starter_date']));
$id = $line["tid"];
$res_post = mysql_query("SELECT * FROM `ibf_posts` WHERE topic_id=" . $line["tid"] . " AND author_id=" . $line['starter_id'] . " LIMIT 1", $link) or die(mysql_error());
$post_sql = mysql_fetch_assoc($res_post);
$post = $post_sql["post"];
mysql_free_result($res_post);
$res_post = mysql_query("SELECT COUNT(*) AS nb FROM `ibf_posts` WHERE topic_id=" . $line["tid"] . " GROUP BY topic_id", $link) or die(mysql_error());
$nb_comment_sql = mysql_fetch_assoc($res_post);
$nb_comment = $nb_comment_sql["nb"] - 1;
mysql_free_result($res_post);
?>
<td> <img src="<?=extract_img($title)?>" width="81" height="97" align="left" hspace="2" alt="news"/>
<?
echo "<h3>" . extract_title($title) . "</h3> ";
if (strlen($post) < $LIMIT_TEXT)
{
print $post;
}
else
{
print substr($post, 0, $LIMIT_TEXT - 3);
}
echo "<a href=\"news.php?tid=$id\"><b> [Suite...]</b></a><br/><br/>";
}
?>
</td>
<?
// Et on ferme la connexion
mysql_free_result($res);
mysql_close($link);
?>
</div>
</div>
<div style="position:absolute; width:136px; height:69px; z-index:1; left: 114px; top: 50px;">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase= "http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="455" height="245" title="animationhaut">
<param name="movie" value="design/flash/haut.swf" />
<param name="quality" value="high" />
<embed src="design/flash/haut.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="455" height="245"></embed>
</object>
</div>
<div class="footer">
<div class="footertexte">
<?php
include 'footertexte.php';
?>
</div>
</div>Modifié par pauline24030 (12 Jan 2006 - 17:26)
