bonjour à tous,
je travail sur un site, et depuis hier j'essaye de corriger ma page index.html
pouvez vous me dire ce qu'il cloche avec mon div global svp ...
je ne sais pas pourquoi le fonds noir ne descend pas jusqu'au footer ...
en faite j'essaye que mon bloc-1 sois extensible vous le remarquerai avec le div txt_single
merci bcp
voici les infos
merci
je travail sur un site, et depuis hier j'essaye de corriger ma page index.html
pouvez vous me dire ce qu'il cloche avec mon div global svp ...
je ne sais pas pourquoi le fonds noir ne descend pas jusqu'au footer ...
en faite j'essaye que mon bloc-1 sois extensible vous le remarquerai avec le div txt_single
merci bcp
voici les infos
<!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=UTF-8" />
<title>INDEX XHTML</title>
<link href="css/style2.css" rel="stylesheet" media="all" type="text/css">
</head>
<body>
<div id="global">
<div id="header">
<div id="h1"><a href="http://www.logo.be"><img src="images/logo_.jpg" width="125" height="160" border="0" alt="Logo" title="Logo" /></a></div>
<div id="h2">
<div align="right" class="texte_flag" id="h2_1">FR | NL | TR</div>
<div id="h2_2" align="right"><img src="images/banniere_728_90.jpg" width="728" height="90" /></div>
<div align="right" class="texte_slogan" id="h2_3">Web slogan</div>
</div>
</div>
<div id="menu"></div>
<div id="global2"><div id="bloc-1">
<div id="b1-1">
<div id="txt_single">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ipsum nulla, rutrum at tempor sit amet, pellentesque ut lacus. Suspendisse potenti. Sed ac diam odio. Aenean aliquam ornare mauris in ultrices. Maecenas augue quam, dignissim a congue quis, tincidunt eget quam. Mauris sit amet tristique odio. Fusce vitae facilisis metus. In et urna felis, at iaculis massa. Etiam turpis sem, lobortis ut mollis ac, tincidunt in lacus. Vivamus eget vulputate est.
Donec vel leo neque, ac ultrices enim. Aliquam mauris neque, vulputate non porttitor a, consectetur eu purus. Morbi sed nisi nec ante malesuada ultrices sed nec urna. Aenean sed lorem felis. Nulla libero tortor, pretium at accumsan nec, auctor sed urna. Ut eleifend mauris ut felis tempus blandit. Fusce ac diam nunc, a luctus nisl. Donec ut justo et dolor suscipit adipiscing et nec magna. Nunc dapibus convallis tristique. Nulla tempor tempor fringilla. Ut eleifend laoreet nibh id fermentum.
Fusce id velit at quam viverra molestie. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris mi nulla, accumsan nec egestas eget, ultricies et dolor. Aliquam erat volutpat. Vivamus sed pellentesque leo. Curabitur id risus eros. Nulla interdum, ligula nec auctor consectetur, tellus tellus congue lacus, ac imperdiet justo diam vitae nisl. Cras convallis elit id orci elementum at ultricies elit laoreet. Quisque at dolor id tellus sodales vestibulum egestas iaculis enim. In pharetra bibendum purus, at viverra erat elementum viverra. Phasellus ac arcu ac risus blandit viverra ac vitae neque. Aenean eu dolor purus. Pellentesque gravida nibh et nunc accumsan pretium. Praesent lacinia nunc nec elit adipiscing ac venenatis mi egestas. Suspendisse potenti. In eu enim ac ipsum dictum fringilla ac id justo. Vivamus consectetur dolor sit amet odio tristique tempor. Integer tortor nisi, cursus vitae fringilla sed, congue a ipsum.
Vestibulum velit justo, porta in commodo vitae, mollis at sapien. Curabitur pharetra consectetur neque, quis condimentum nisl pulvinar quis. Suspendisse euismod nisi eu purus posuere rutrum. Ut dapibus porta arcu molestie ullamcorper. Nullam libero libero, posuere cursus vulputate a, posuere nec nunc. Morbi in ante dolor, ac pretium augue. Phasellus at est et erat porta semper. Etiam condimentum consectetur accumsan. Aliquam dictum magna et massa elementum egestas. Vestibulum bibendum diam in nisl bibendum ac fermentum enim vestibulum. Duis rhoncus magna sollicitudin nisi dapibus aliquam. Mauris sed porttitor nibh. Nunc sit amet erat vel enim gravida rutrum. Maecenas volutpat ultrices magna eu bibendum. Suspendisse sit amet metus vitae lorem ullamcorper hendrerit a a libero. Nullam sit amet risus a lectus posuere dictum. Maecenas molestie lobortis ante, at placerat lectus congue eget. Proin at libero nibh, id rhoncus arcu.
Curabitur aliquet tristique massa varius semper. Maecenas rhoncus, tortor sed mattis consectetur, sapien nisi aliquet nisi, vel consequat purus nibh eget nulla. Cras tempor diam iaculis augue ultrices ac gravida nisi tristique. Etiam adipiscing, velit eu interdum dignissim, enim dui iaculis risus, blandit fringilla enim dolor ut odio. Morbi in est nec sapien blandit molestie ut et urna. Fusce ac felis orci, sed congue magna. Proin condimentum convallis eros vitae tincidunt. Ut ac felis lacus. Duis nulla felis, ornare non semper sit amet, adipiscing sed arcu. Morbi porta placerat lobortis. Duis id tortor urna. Sed varius pretium enim et placerat. Aenean dictum mollis leo sed facilisis. Sed ipsum nulla, volutpat dapibus aliquam nec, porta at magna. Praesent tempor eros sem, at mollis eros. Donec justo mauris, egestas at gravida a, ornare id erat. Curabitur neque magna, porta ut posuere ac, pellentesque vel mauris. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ut interdum tortor. Vivamus vestibulum aliquet lectus, tempus cursus ipsum luctus sit amet.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ipsum nulla, rutrum at tempor sit amet, pellentesque ut lacus. Suspendisse potenti. Sed ac diam odio. Aenean aliquam ornare mauris in ultrices. Maecenas augue quam, dignissim a congue quis, tincidunt eget quam. Mauris sit amet tristique odio. Fusce vitae facilisis metus. In et urna felis, at iaculis massa. Etiam turpis sem, lobortis ut mollis ac, tincidunt in lacus. Vivamus eget vulputate est.
Donec vel leo neque, ac ultrices enim. Aliquam mauris neque, vulputate non porttitor a, consectetur eu purus. Morbi sed nisi nec ante malesuada ultrices sed nec urna. Aenean sed lorem felis. Nulla libero tortor, pretium at accumsan nec, auctor sed urna. Ut eleifend mauris ut felis tempus blandit. Fusce ac diam nunc, a luctus nisl. Donec ut justo et dolor suscipit adipiscing et nec magna. Nunc dapibus convallis tristique. Nulla tempor tempor fringilla. Ut eleifend laoreet nibh id fermentum.
Fusce id velit at quam viverra molestie. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris mi nulla, accumsan nec egestas eget, ultricies et dolor. Aliquam erat volutpat. Vivamus sed pellentesque leo. Curabitur id risus eros. Nulla interdum, ligula nec auctor consectetur, tellus tellus congue lacus, ac imperdiet justo diam vitae nisl. Cras convallis elit id orci elementum at ultricies elit laoreet. Quisque at dolor id tellus sodales vestibulum egestas iaculis enim. In pharetra bibendum purus, at viverra erat elementum viverra. Phasellus ac arcu ac risus blandit viverra ac vitae neque. Aenean eu dolor purus. Pellentesque gravida nibh et nunc accumsan pretium. Praesent lacinia nunc nec elit adipiscing ac venenatis mi egestas. Suspendisse potenti. In eu enim ac ipsum dictum fringilla ac id justo. Vivamus consectetur dolor sit amet odio tristique tempor. Integer tortor nisi, cursus vitae fringilla sed, congue a ipsum.
Vestibulum velit justo, porta in commodo vitae, mollis at sapien. Curabitur pharetra consectetur neque, quis condimentum nisl pulvinar quis. Suspendisse euismod nisi eu purus posuere rutrum. Ut dapibus porta arcu molestie ullamcorper. Nullam libero libero, posuere cursus vulputate a, posuere nec nunc. Morbi in ante dolor, ac pretium augue. Phasellus at est et erat porta semper. Etiam condimentum consectetur accumsan. Aliquam dictum magna et massa elementum egestas. Vestibulum bibendum diam in nisl bibendum ac fermentum enim vestibulum. Duis rhoncus magna sollicitudin nisi dapibus aliquam. Mauris sed porttitor nibh. Nunc sit amet erat vel enim gravida rutrum. Maecenas volutpat ultrices magna eu bibendum. Suspendisse sit amet metus vitae lorem ullamcorper hendrerit a a libero. Nullam sit amet risus a lectus posuere dictum. Maecenas molestie lobortis ante, at placerat lectus congue eget. Proin at libero nibh, id rhoncus arcu.
Curabitur aliquet tristique massa varius semper. Maecenas rhoncus, tortor sed mattis consectetur, sapien nisi aliquet nisi, vel consequat purus nibh eget nulla. Cras tempor diam iaculis augue ultrices ac gravida nisi tristique. Etiam adipiscing, velit eu interdum dignissim, enim dui iaculis risus, blandit fringilla enim dolor ut odio. Morbi in est nec sapien blandit molestie ut et urna. Fusce ac felis orci, sed congue magna. Proin condimentum convallis eros vitae tincidunt. Ut ac felis lacus. Duis nulla felis, ornare non semper sit amet, adipiscing sed arcu. Morbi porta placerat lobortis. Duis id tortor urna. Sed varius pretium enim et placerat. Aenean dictum mollis leo sed facilisis. Sed ipsum nulla, volutpat dapibus aliquam nec, porta at magna. Praesent tempor eros sem, at mollis eros. Donec justo mauris, egestas at gravida a, ornare id erat. Curabitur neque magna, porta ut posuere ac, pellentesque vel mauris. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ut interdum tortor. Vivamus vestibulum aliquet lectus, tempus cursus ipsum luctus sit amet.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ipsum nulla, rutrum at tempor sit amet, pellentesque ut lacus. Suspendisse potenti. Sed ac diam odio. Aenean aliquam ornare mauris in ultrices. Maecenas augue quam, dignissim a congue quis, tincidunt eget quam. Mauris sit amet tristique odio. Fusce vitae facilisis metus. In et urna felis, at iaculis massa. Etiam turpis sem, lobortis ut mollis ac, tincidunt in lacus. Vivamus eget vulputate est.
Donec vel leo neque, ac ultrices enim. Aliquam mauris neque, vulputate non porttitor a, consectetur eu purus. Morbi sed nisi nec ante malesuada ultrices sed nec urna. Aenean sed lorem felis. Nulla libero tortor, pretium at accumsan nec, auctor sed urna. Ut eleifend mauris ut felis tempus blandit. Fusce ac diam nunc, a luctus nisl. Donec ut justo et dolor suscipit adipiscing et nec magna. Nunc dapibus convallis tristique. Nulla tempor tempor fringilla. Ut eleifend laoreet nibh id fermentum.
Fusce id velit at quam viverra molestie. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris mi nulla, accumsan nec egestas eget, ultricies et dolor. Aliquam erat volutpat. Vivamus sed pellentesque leo. Curabitur id risus eros. Nulla interdum, ligula nec auctor consectetur, tellus tellus congue lacus, ac imperdiet justo diam vitae nisl. Cras convallis elit id orci elementum at ultricies elit laoreet. Quisque at dolor id tellus sodales vestibulum egestas iaculis enim. In pharetra bibendum purus, at viverra erat elementum viverra. Phasellus ac arcu ac risus blandit viverra ac vitae neque. Aenean eu dolor purus. Pellentesque gravida nibh et nunc accumsan pretium. Praesent lacinia nunc nec elit adipiscing ac venenatis mi egestas. Suspendisse potenti. In eu enim ac ipsum dictum fringilla ac id justo. Vivamus consectetur dolor sit amet odio tristique tempor. Integer tortor nisi, cursus vitae fringilla sed, congue a ipsum.
Vestibulum velit justo, porta in commodo vitae, mollis at sapien. Curabitur pharetra consectetur neque, quis condimentum nisl pulvinar quis. Suspendisse euismod nisi eu purus posuere rutrum. Ut dapibus porta arcu molestie ullamcorper. Nullam libero libero, posuere cursus vulputate a, posuere nec nunc. Morbi in ante dolor, ac pretium augue. Phasellus at est et erat porta semper. Etiam condimentum consectetur accumsan. Aliquam dictum magna et massa elementum egestas. Vestibulum bibendum diam in nisl bibendum ac fermentum enim vestibulum. Duis rhoncus magna sollicitudin nisi dapibus aliquam. Mauris sed porttitor nibh. Nunc sit amet erat vel enim gravida rutrum. Maecenas volutpat ultrices magna eu bibendum. Suspendisse sit amet metus vitae lorem ullamcorper hendrerit a a libero. Nullam sit amet risus a lectus posuere dictum. Maecenas molestie lobortis ante, at placerat lectus congue eget. Proin at libero nibh, id rhoncus arcu.
Curabitur aliquet tristique massa varius semper. Maecenas rhoncus, tortor sed mattis consectetur, sapien nisi aliquet nisi, vel consequat purus nibh eget nulla. Cras tempor diam iaculis augue ultrices ac gravida nisi tristique. Etiam adipiscing, velit eu interdum dignissim, enim dui iaculis risus, blandit fringilla enim dolor ut odio. Morbi in est nec sapien blandit molestie ut et urna. Fusce ac felis orci, sed congue magna. Proin condimentum convallis eros vitae tincidunt. Ut ac felis lacus. Duis nulla felis, ornare non semper sit amet, adipiscing sed arcu. Morbi porta placerat lobortis. Duis id tortor urna. Sed varius pretium enim et placerat. Aenean dictum mollis leo sed facilisis. Sed ipsum nulla, volutpat dapibus aliquam nec, porta at magna. Praesent tempor eros sem, at mollis eros. Donec justo mauris, egestas at gravida a, ornare id erat. Curabitur neque magna, porta ut posuere ac, pellentesque vel mauris. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ut interdum tortor. Vivamus vestibulum aliquet lectus, tempus cursus ipsum luctus sit amet.
</div>
</div>
<div id="b1-2"></div>
</div>
<div id="bloc-3">
</div>
<div id="bloc-4">
<div id="b4-1">
<div id="b4-t" align="right">NEWSLETTER</div>
<div id="b4-c"></div>
</div>
<div id="b4-1">
<div id="b4-t" align="right">RAPPORT ACTIVITES 2010</div>
<div id="b4-c"></div>
</div>
<div id="b4-1">
<div id="b4-t" align="right">SONDAGE</div>
<div id="b4-c"></div>
</div>
</div>
<div id="footer">
<div id="f1"><span class="texte_WEB">WEB</span> <span class="texte_slogan_f">slogan</span></div>
<div align="right" class="texte_M84" id="f2">Copyright
</div>
</div>
</div>
</div>
</body>
</html>
body
{
font-family: Arial,Verdana,sans-serif;
font-size: 12px;
background-color:#f3f5f7;
margin:0;
}
#global
{
margin-left: auto;
margin-right: auto;
width:940px;
background-color:#000;
padding: 10px;
}
/* DEBUT BANNIERE */
#header
{
width:940px;
height:160px;
}
#h1
{
float:left;
width:125px;
height:160px;
}
#h2
{
float:left;
margin-left:10px;
width:805px;
height:160px;
background-image:url(../images/bg_header.jpg)
}
#h2_1
{
margin-top:20px;
width:805px;
height:20px;
}
#h2_2
{
margin-top:0px;
width:805px;
height:90px;
}
#h2_3
{
margin-top:10px;
width:805px;
height:15px;
}
/* FIN BANNIERE */
/* MENU */
#menu
{
margin-top:20px;
width:940px;
height:35px;
background-image:url(../images/bg_menu.jpg);
}
/* MENU */
/* DEBUT BLOC 1 SLIDE + PUB */
#bloc-1
{
float:left;
margin-top:20px;
width:940px;
min-height:550px;
background-color:#666;
}
#b1-1
{
float:left;
width:620px;
min-height:550px;
background-color:#FF0000;
}
#txt_single
{
padding:10px;
}
#b1-2
{
float:left;
margin-left:20px;
width:300px;
min-height:550px;
background-color:#FF0000;
}
#bloc-3
{
float:left;
margin-top:20px;
width:940px;
height:150px;
background-color:#F00;
}
#bloc-4
{
float:left;
margin-top:20px;
width:938px;
height:248px;
background-image:url(../images/bg_4.jpg);
border: solid 1px #e2e2e2;
}
#b4-1
{
margin-left:10px;
margin-top:10px;
float:left;
width:300px;
height:230px;
}
#b4-t
{
width:300px;
height:30px;
}
#b4-c
{
margin-top:10px;
width:300px;
height:190px;
background-color:#FF0000;
}
/* DEBUT FOOTER */
#footer
{
float:left;
margin-top:20px;
width:940px;
height:30px;
}
#f1
{
float:left;
}
#f2
{
float:right;
}
/* FIN FOOTER */
/* TYPOGRAPHIE */
.texte_slogan {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: italic;
color: #494949;
}
.texte_flag {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #494949;
}
.texte_slogan_f {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: italic;
color: #494949;
}
.texte_M84 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: italic;
color: #494949;
}
.texte_WEB {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #494949;
}
#txt-move
{
margin-top:6px;
margin-right:5px;
}.txt_titre_i {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #666;
}
.txt_titre_a {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #666;
}
.txt_data_a {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #888;
}
.txt_ci0 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #888;
}
.txt_ci {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #888;
}
.txt_a_title {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ffffff;
}
merci