Problème de décalage sous IE, et d'un footer...

Bonsoir !
Alors voilà, depuis quelques jours je cherche à corriger un bug, et vu que je ne suis pas spécialiste du css, je galère .
Voilà mes 2 problèmes :

1. Sous IE, le contenu de ma div "conteneur" est décalée vers à droite http://wezzar.free.fr/brian/index.php

Css :

/*—————————————————————————|Conteneur|—————————————————————————————*/
#conteneur {
	position: relative;
	width:700px;
	left: 50%;
	margin-left: -350px; /* 1:2 largeur */

}

Html :

<div id="conteneur"> 
  <div id="header"></div>
  <div id="menu"> <a href="index.php"><img src="images/design/accueil.jpg" name="accueil" width="114" height="55" border="0" id="accueil" onMouseOver="MM_swapImage('accueil','','images/design/accueil_over.jpg',1)" onMouseOut="MM_swapImgRestore()"></a> 
    <a href="index.php?page=blog.php"><img src="images/design/blog.jpg" name="blog" width="83" height="55" border="0" id="blog" onMouseOver="MM_swapImage('blog','','images/design/blog_over.jpg',1)" onMouseOut="MM_swapImgRestore()"></a> 
    <a href="index.php?page=galerie.php"><img src="images/design/galerie.jpg" name="galerie" width="116" height="55" border="0" id="galerie" onMouseOver="MM_swapImage('galerie','','images/design/galerie_over.jpg',1)" onMouseOut="MM_swapImgRestore()"></a> 
    <a href="index.php?page=contact.php"><img src="images/design/contact.jpg" name="contact" width="125" height="55" border="0" id="contact" onMouseOver="MM_swapImage('contact','','images/design/contact_over.jpg',1)" onMouseOut="MM_swapImgRestore()"></a> 
  </div>
  <div id="centreFF"> 
    <?     
		if (isset($_GET['page'])){
			include('./'.$_GET['page']); 
		}else{
			include('accueil.php'); 
		}
  	?>
  </div>
  <div id="footer"> 
    <div class="text"> Footer </div>
  </div>
</div>

2. De plus, la div "footer" n'est pas tout le temps en bas de page ... Vous pouvez regarder : http://wezzar.free.fr/brian/index.php
Sur les pages "accueil", "galerie" le footer n'est pas bien possitionné, alors que sur "blog" et "contact", ca marche !
J'imagine que ça vien d'un problème de fermeture de balise ou quelque chose comme ca, mais je ne trouve pas d'erreur

Votre aide serait la bienvenue
Merci !
Modifié par Wezzar (28 Mar 2006 - 15:57)

bonjour,

Pour ton footer, je te conseille de plutot mettre tes colonnes gauche et droite en float left et right, additionné a un clear:both sur ton footer. Car les position:absolute sur ces deux colonnes sort celles-ci de leur flux naturel. Du coup ton footer recolle à ce qui est le plus proche du flux, c'est à dire avant tes deux colonnes gauche et droite.

#footer {
	clear:both;
	width:100%;
	height:40px;
	background:url('images/footer_fond.jpg');
	
}

#col_gauche{
	float:left;
	width: 48%;
}
#col_droite{
 	float:right;
	width: 48%;
}

Ce qui donnerait quelque chose de ce gout là.
(si cela résout ton problème met [ résolu ] dans ton message ca peut aider d'autres personnes lors d'une recherche)

Super ca marche merci !!
Mais pour le 1er problème ?
Modifié par Wezzar (28 Mar 2006 - 15:57)

Pour commencer je virerais ta table (qui na rien a faire ici ) pour la remplacer par un conteneur div auquel il faudrait attribuer un style css qui régirai le texte

Ancien code

<table summary="" align="" border="0" cellpadding="0" cellspacing="0" width="100%">
    <tbody>
        <tr>
            <td><img alt="" src="forum_fichiers/brian.jpg" align="left" height="134" width="131"></td>
            <td style="font-family: arial;">             <font size="2"><img alt="" src="forum_fichiers/wink_smile.gif" style="color: rgb(51, 102, 255);"><span style="color: rgb(51, 102, 255);"> Bonjour tout le monde!! Enfin bonjour toi, oui toi celui qui lit la... Tu es le bienvenu(e) sur l'univers quelque peu </span><span style="text-decoration: line-through; color: rgb(51, 102, 255);">con</span><span style="color: rgb(51, 102, 255);"> déjanté de mon blog!! Enfin, peut on vraiment appeler ca un blog?....Nan mais t'as vu ca?? </span><img alt="" src="forum_fichiers/whatchutalkingabout_smile.gif" style="color: rgb(51, 102, 255);"><span style="color: rgb(51, 102, 255);">
C'est trop beau pour s'apeller un blog!! Merci beaucoup a Winnie, qui a
fait la plupart du boulot! (enfin bon c'est pas vraiment lui mais
chuut!! </span><img alt="" src="forum_fichiers/angel_smile.gif" style="color: rgb(51, 102, 255);"><span style="color: rgb(51, 102, 255);">)  Bon, je vais essayer de faire evoluer ce site assez rapidement, enfin, le mieux que je pourrais en fait </span><img alt="" src="forum_fichiers/tounge_smile.gif" style="color: rgb(51, 102, 255);"><span style="color: rgb(51, 102, 255);"> Donc en gros, pour ceux qui me connaissent, repassez dans </span><span style="text-decoration: line-through; color: rgb(51, 102, 255);">deux ans</span><span style="color: rgb(51, 102, 255);">
3 mois, peut etre y aura t-il de nouvelles choses!! ^^ Je peux pas dire
ce que je vais mettre, car je n'en ai moi même aucune idée.. On fera ca
a la "pump' it up"!! Bon navigationnage!! <img src="forum_fichiers/shades_smile.gif" alt=""></span><br></font></td>
        </tr>
    </tbody>
</table>

Exemple code

<div id="ex_div">
<img src="forum_fichiers/brian.jpg" alt="" width="131" height="134" align="left" class="ex_img">

<img alt="" src="forum_fichiers/wink_smile.gif"> Bonjour tout le monde!! Enfin bonjour toi, oui toi celui qui lit la... Tu es le bienvenu(e) sur l'univers quelque peu  <s>con</s> déjanté de mon blog!! Enfin, peut on vraiment appeler ca un blog?....Nan mais t'as vu ca?? <img alt="" src="forum_fichiers/whatchutalkingabout_smile.gif">C'est trop beau pour s'apeller un blog!! Merci beaucoup a Winnie, qui a fait la plupart du boulot! (enfin bon c'est pas vraiment lui mais
chuut!! <img alt="" src="forum_fichiers/angel_smile.gif"> Bon, je vais essayer de faire evoluer ce site assez rapidement, enfin, le mieux que je pourrais en fait <img alt="" src="forum_fichiers/tounge_smile.gif"> Donc en gros, pour ceux qui me connaissent, repassez dans <s>deux ans</s> 3 mois, peut etre y aura t-il de nouvelles choses!! ^^ Je peux pas dire ce que je vais mettre, car je n'en ai moi même aucune idée.. On fera ca a la "pump' it up"!! Bon navigationnage!! <img src="forum_fichiers/shades_smile.gif" alt="">
</div>

Et son CSS

#ex_div {
	height: auto;
	width: 100%;
	color: rgb(51, 102, 255);
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
}
.ex_img {
	float: left;
}

Modifié par gege71 (28 Mar 2006 - 16:35)

Cela ne change rien au décalage

Wezzar a écrit :
Cela ne change rien au décalage

En mettant un width: 100% celui-ci s’ajustera a son parent éliminent les différences de gestion de bordure entre IE et les autre Navigateurs

Voir http://forum.alsacreations.com/faq/#item39

Et ton code sera plus propre et simple a gère (par exemple : pour changer la couleur de ton texte)

A+
Modifié par gege71 (28 Mar 2006 - 17:23)