probleme decalage sous ie + footer sous ff

pauline24030 · 9 Janvier 2006

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 :


  /* 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 !

Modifié 9 Janvier 2006 par pauline24030

Sarc · 9 Janvier 2006

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

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

pauline24030 · 9 Janvier 2006

merci pour le footer

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

.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

Modifié 9 Janvier 2006 par pauline24030

Sarc · 9 Janvier 2006

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 · 9 Janvier 2006

dsl je peux prendre quoi comme hack sous ie sous firefox c ok

Sarc · 9 Janvier 2006

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 · 9 Janvier 2006

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

apres je te laisse tranquille

Connexion

probleme decalage sous ie + footer sous ff

Sujets conseillés

pauline24030

Lien vers le commentaire

Partager sur d’autres sites

Sarc

Lien vers le commentaire

Partager sur d’autres sites

pauline24030

Lien vers le commentaire

Partager sur d’autres sites

Sarc

Lien vers le commentaire

Partager sur d’autres sites

pauline24030

Lien vers le commentaire

Partager sur d’autres sites

Sarc

Lien vers le commentaire

Partager sur d’autres sites

pauline24030

Lien vers le commentaire

Partager sur d’autres sites

Veuillez vous connecter pour commenter

Parcourir

Activité