Deux petits problemes

Salut à tous

Pour commencer voilà un schéma et mes codes.

Image utilisateur

body {
margin:0px;
padding:0px;
height:100%;
background-image:url('imgs/bgd.jpg');
background-repeat:repeat-x;
background-color:#C0C6C6;
}

#entete {
background-image:url('imgs/header.jpg');
background-color:#212121;
height:92px;
width:780px;
margin-left:auto;
margin-right:auto;
}

#menu {
background-color:#D7D7D7;
height:37px;
width:780px;
margin-left:auto;
margin-right:auto;
}

#contenu {
height:350px;
background-color:#FFFFFF;
width:780px;
margin-left:auto;
margin-right:auto;
}

#centre {
margin-left:0px;
}

#news {
position:absolute;
height:200px;
width:535px;
margin-top:15px;
margin-right:245px;
background-color:#FFFFFF;
}

#articles {
background-color:#FFFFFF;
float:right;
width:245px;
color:#000000;
height:100%;
}

#conteneur_concours {
width:217px;
margin:0px;
padding:0px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
background-image:url('imgs/concours/fond_conteneur.jpg');
background-repeat:repeat-y;
background-color:#FFFFFF;
}

#titre_concours {
width:217px;
height:69px;
background-image:url('imgs/concours/titre.jpg');
background-color:#4F5458;
margin-left:auto;
margin-right:auto;
margin-top:0px;
}

#soustitre_concours {
width:217px;
height:21px;
background-image:url('imgs/concours/fond_conteneur.jpg');
background-color:#EBEBEB;
margin-left:auto;
margin-right:auto;
margin-top:0px;
}

#participants_concours {
width:217px;
background-image:url('imgs/concours/separateur.jpg');
background-repeat:no-repeat;
background-position:top-left;
margin-left:auto;
margin-right:auto;
margin-top:0px;
}

#texte_concours {
width:217px;
background-image:url('imgs/concours/separateur.jpg');
background-repeat:no-repeat;
background-position:top-left;
margin-left:auto;
margin-right:auto;
margin-top:0px;
}

#footer_concours {
width:217px;
height:13px;
background-image:url('imgs/concours/footer.jpg');
background-repeat:no-repeat;
background-position:top-left;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-top:0px;
}

#images {
background-color:#CFCFCF;
height:139px;
width:780px;
margin-left:auto;
margin-right:auto;
}

#ann_google {
width:780px;
height:68px;
margin-left:auto;
margin-right:auto;
background-image:url('imgs/ann_google.jpg');
background-color:#FFFFFF;
}

#dernieres_images {
width:780px;
height:150px;
background-image:url('imgs/last_imgs.jpg');
background-color:#CFCFCF;
margin-left:auto;
margin-right:auto;
}

#pied {
margin-bottom:0px;
padding:0px;
position:relative;
background-image:url('imgs/footer.jpg');
background-color:#EAEAEA;
height:58px;
margin-left:auto;
margin-right:auto;
width:780px;
}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >

<head><title>Minituning :: Concours, tutoriaux, produits, découvrez tout l'univers du tuning miniature</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Style" href="menu.css"/>
<link rel="stylesheet" media="screen" type="text/css" title="Style" href="divs.css"/>
<link rel="stylesheet" media="screen" type="text/css" title="Style" href="imgs.css"/>
<link rel="stylesheet" media="screen" type="text/css" title="Style" href="liens_textes.css"/>

<meta content="mshtml 6.00.2900.2912" name="generator"/>

</head>

<body>

<div id="entete">
<a href="#"><img class="logo" src="imgs/logo.jpg" alt="Minituning" /></a>
</div>

<div id="menu">
<div id="menu_accueil"><a href="#"></a></div>
<div id="menu_concours"><a href="#"></a></div>
<div id="menu_tuning"><a href="#"></a></div>
<div id="menu_magasin"><a href="#"></a></div>
<div id="menu_telechargements"><a href="#"></a></div>
<div id="menu_forum"><a href="#"></a></div>
<div id="menu_contact"><a href="#"></a></div>
<div id="menu_multimedia"><a href="#"></a></div>
</div>

<div id="contenu">

<div id="centre">

<div id="news">
<h4>Bienvenue sur minituning</h4>
<p>quest-ce que le minituning ? l'art de modifier des véhicules au format 1/18 si vous souhaitez apprendre le tuning miniature, des tutoriaux sont disponibles sur le forum</p>
</div>

</div>

<div id="articles">
<div id="conteneur_concours">

<div id="titre_concours"></div>
<div id="soustitre_concours"></div>
<div id="participants_concours"><br/><br/><br/><br/></div>
<div id="texte_concours"><br/><br/><br/><br/></div>
<div id="footer_concours"></div>

</div>
</div>

</div>

<div id="ann_google"></div>

<div id="dernieres_images">
<img class="last_img_left" src="imgs/205_bull313.jpg" alt="205 GTI" />
<img class="last_img_middle" src="imgs/evo_ad.jpg" alt="Lancer Evo VIII" />
<img class="last_img_right" src="imgs/rx8_ad.jpg" alt="RX-8" />
</div>

<div id="pied"></div>

</body>

</html>

Donc j'explique, j'ai deux petits soucis, mais qui nécéssitent d'être résolus pour l'érgonomie du site.

Le premier, en rouge sur le schéma, est un petit problème d'affichage sous [i]IE 6[/i] alors que tout fonctionne sur mozilla, le <div> conteneur de la fenêtre "concours" déborde en bas, et je ne trouve pas de solution...

______________________________________________

Le second problème, est que j'aimerais que la zone montrée par le trait bleu, s'agrandisse en fonction de la taille de l'écran, et que les annonces google, les trois images et le footer restent en bas quoi qu'il arrive. Là il n'y a pas de div au dessus de l'annonce google, je ne l'ai pas encore crée vu que je ne sais pas quels réglages effectuer ...

Désolé de ne pas mettre d'apercu en tant que page web, mais le site est encore en préparation.

En vous remerciant

[EDIT]Bon ... faut croire que j'ai un problème irrémédiable et que personne sur le net peut me donner une solution :colere2:

Affichage IE et height 100% à l'endroit voulu.

Deux petits problemes

Supprimer

Modérer

Signaler le message aux modérateurs