28173 sujets

CSS et mise en forme, CSS3

[RESOLU]Footer pas en bas sur firefox ?

Salut a tous,
je suis en train de refaire une maquete d'un site et la j'ai un trou !

Le texte de mon footer est bien a la bonne position, mais la couleur de fond n'est pas a la bonne place (sur firefox, IE7 pas de pb)

Si quelqu'un voit l'erreur au passage, merci Smiley smile

Le CSS :
/* General*/
a{
	color:#000;
}

p{
	margin-top:10px;
}
#conteneur {
	width:980px;
	margin: 0 auto; 
	background-color:#FFFFFF;
}
#header {
	width:980px;
	height:90px;
}
#menu {
	width:980px;
	height:34px;
}
#troiscols {
	width:980px;
	
}
#troiscols1{
	width:600px;
	min-height:355px;
	float:left; 
	/*background-color: #99CCCC;*/
}
#troiscols2{
	width:150px;
	min-height:355px;
	float:left; 
	/*background-color: #99CC00;*/
}
#troiscols3{
	width:230px;
	min-height:355px;
	float:left; 
	/*background-color: #99CCff;*/
}
#deuxcols {
	width:980px;
	
}
#deuxcols1{
	width:600px;
	min-height:250px;
	float:left;
	/*background-color:#0033FF */
}
#deuxcols2{
	width:380px;
	min-height:250px;
	float:left;
	/*background-color:#0099FF;*/
}
#footer{
	width:980px;
	height:20px;
	background-color:#FF0000;

}


et le xhtml
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>v3</title>
<link href="style2.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="conteneur">
  <div id="header"><img src="logo.jpg" width="236" alt=""/> <img src="AMV.gif" width="728" height="90" alt=""/></div>
  <div id="menu"><img src="home.gif" alt=""/>&nbsp;&nbsp;<img src="rechercher.gif" alt=""/>&nbsp;&nbsp;<img src="bouton_sx.gif" width="133" height="34" alt=""/><img src="bouton_enduro.gif"alt="" /><img src="bouton_trial.gif" alt=""/><img src="bouton_rando.gif" alt=""/><img src="bouton_autre.gif" alt=""/></div>

  <div id="troiscols">
    <div id="troiscols1">
      <p> <a href="#"><img alt="alt" src="news.jpeg" class="article_image" align="left" border="1" /></a> <span class="article-rubrique">MX/SX/FMX &gt;Interview</span><br />
        <span class="article-titre"><a href="#">Chad Reed : &quot;Je reviendrai à Bercy !&quot;</a></span><br />
        <a href="#" class="article-miseenavant">Croisé dans les couloirs de l’Enducross à Las Vegas, Chad Reed a accepté de revenir sur l’épreuve de Paris-Bercy qu’il a... </a> </p>
      <br />
      <br />
      <br />
      <p> <a href="#"><img alt="Knight, une ann&eacute;e de plus aux US" src="news2.jpeg" class="article_image" align="left" /></a> <span class="article-rubrique">MX/SX/FMX &gt;Actuas</span><br />
        <a href="#" class="article-titre-petit">Knight, une année de plus aux US</a><br />
        <a href="#" class="article-miseenavant">KTM USA a annoncé la composition des différents teams engagés en off road US l'an prochain. C'est... </a> <span class="interview-texte"><img src="pictophoto.gif" alt="picto photo" border="0" height="11" width="15" /></span> </p>
      <br />
      <p> <a href="#"><img alt="Knight, une ann&eacute;e de plus aux US" src="news2.jpeg" class="article_image" align="left" /></a> <span class="article-rubrique">MX/SX/FMX &gt;Actuas</span><br />
        <a href="#" class="article-titre-petit">Knight, une année de plus aux US</a><br />
        <a href="#" class="article-miseenavant">KTM USA a annoncé la composition des différents teams engagés en off road US l'an prochain. C'est... </a> <span class="interview-texte"><img src="pictophoto.gif" alt="picto photo" border="0" height="11" width="15" /></span> </p>
    </div>
   
    <div id="troiscols2">
      <p>video / photos</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
    </div>
    <div id="troiscols3">
      <p>couvertures</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
    </div>
  </div>
  <div id="deuxcols">
    <div id="deuxcols1">
      <p>mx/sx/fmx</p>
    </div>
    <div id="deuxcols2">
      <div align="center"><img src="pub.jpg" alt="pub" /></div>
    </div>
  </div>

  <div id="footer">UN GROUPE DE PRESSE AU SERVICE DE VOS PASSIONS  	 Nous contacter  Plan du site  Mentions légales  Paiement sécurisé  La livraison</div>
</div>
</body>
</html>



edit : un clear:both; régle le pb. ca va mieux apres un bon petit plat Smiley smile
Modifié par mitchum (22 Nov 2007 - 08:26)
l'appétit vient en mangeant et la nuit porte conseil Smiley cligne

ps une petite mention [RESOLU] en cliquant sur le bouton "edit" en haut à droite de ton premier poste et en modifiant le champ texte de ton titre de sujet aidera certainement un futur lecteur affamé Smiley langue
Sujet clos
Aller à