Version complète: sur le forum Webmaster Hub : probleme decalage sous ie + footer sous ff
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS
pauline24030
le footer marche sous ie mais pas sous firefox il se place en haut
et pour les floats je sais pas pourquoi c'est décalé sous ie et pas sous firefox ou c'est tres bien placé (ci dessous ma css et mon index)

voici mon adresse : http://www.lost-lesdisparus.net
ma css :
CODE

 /* 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;
padding: 0px;
margin: 7px 0px 0px 70px;
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 {


top:100%;
background: url(../design/footer.jpg) no-repeat;
width: 800px;
height: 80px;
text-align: left;
}



.footertexte {

margin: 15px;
margin-left:300px;
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;
}
[/code]



[code]
<body>
<div class="layout">
<a id="zone1" href="index?action=accueil.php" title="Page d'Accueil"></a>
<a id="zone2" href="#" title="Lost News"></a>
<a id="zone3" href="#" title="La Serie"></a>
<a id="zone4" href="#" title="Les Galeries"></a>
<a id="zone5" href="#" title="Download"></a>
<a id="zone6" href="#" title="Le Site"></a>
<div class="maj">
 <?php
include 'maj.php';
?>
</div>
</div>

<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 class="footer">
<div class="footertexte">
<?php


include 'footertexte.php';

?>
</div>
</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>



</body>
</html>


merci !
sarc
Bonjour,

Merci tout d'abord d'utiliser un codebox si possible pour les codes longs comme les tiens... Surtout si on peut les voir directement sur l'url wink.gif

Rajoute un clear:both; dans la class footer, ça t'enlèvera déjà une partie du problème !
Mais ça n'enlèverai pas hélas les moultes problèmes d'affichages autre que celui-ci... Bonne chance pour ce site sur une très bonne série wink.gif
pauline24030
merci pour le footer

J'ai trouvé une autre solution et sa a lair de marche voici le code que j'ai mis
CODE
.colonnegauche {




position:RELATIVE;
top: 7px;
left:71px;
font-family:verdana;
font-size:8px;
color:#000000;
font-weight:bold;
width: 210px;
height: AUTO;
text-align: left;
}

.colonnedroite {

position:absolute;
top: 7px;
left: 286px;
width: 474px;
height: AUTO;
text-align: left;

}

.footer {


clear:both;
top:100%;
background: url(../design/footer.jpg) no-repeat;
width: 800px;
height: 80px;
text-align: left;
}


sous ie c bon mais sous firefox le background pas en dessous le footer il ne s'arrete pas
sarc
Re-bonsoir,

au risque de me répéter : CodeBox pour les gros codes, c'est plus sympathique pour la navigation... Merci encore d'avance !

Enlève le height:100% dans la class .bas, c'est ça qui pose souci... sous firefox, ensuite sous IE il faudra utiliser un hack si ça va pas sans !
pauline24030
dsl je peux prendre quoi comme hack sous ie sous firefox c ok
sarc
Bon désolé d'intervenir à la place des modérateurs mais il y a deux trois choses que tu dois savoir :
1) j'ai demandé des codebox, tu n'as même pas pris la peine de le noter...
2) le langage SMS est interdit sur le hub, question de respect des yeux

Alors j'ai beau être impuissant face à ça, je boycotte ton topic et je ne chercherai plus à t'aider pour le moment, désolé.
pauline24030
s'il te plait soit sympa je n'y fais pas expres en plus c'est l'habitude avec msn je ne recommencerais plus

ta vu j'ai fais des efforts la en ecrivant happy.gif

apres je te laisse tranquille
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.