5568 sujets

Sémantique web et HTML

[Résolu] Pb avec la taille de mon corps de page

Bonjour à tous,

J'ai un petit souci mais malheureusement je n'ai aucun lien à vous fournir ( désolé ).
Mon pb est que je n'arrive pas à ce que la bas du corps de ma page arrive au début du footer ( j'espère avoir été clair ).

Merci bcp pr vos réponses

Voici mon code :


<!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>Document sans nom</title>
<script language="JavaScript" type="text/javascript">
 <!--/*--><![CDATA[//><!--
  function hideAll() {
   dl = document.getElementById("menu");
   dd = dl.getElementsByTagName("dd");   
   for (var i = 0; i < dd.length; i++) dd[i].style.display = "none";
  } 
  function showSubMenu() { 
   var ssmenu = '';
   hideAll();
   this.getAttribute("id").backgroundColor = "#00FF00";
   if (document.getElementById("ssmenu"+this.getAttribute("id").substring(5))) 
    document.getElementById("ssmenu"+this.getAttribute("id").substring(5)).style.display = "block";
  }
  function show() {
   dl = document.getElementById("menu");
   dt = dl.getElementsByTagName("dt"); 
   for (var i = 0; i < dt.length; i++) document.getElementById(dt[i].getAttribute("id")).onclick=showSubMenu; 
  }
  window.onload = function () {
   show();  
   hideAll();
  }	  
 //--><!]]>		
</script>
<style type="text/css">
 body {
	width : 100%; 
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	font-size  : 80%;
 }
 * { margin: 0; padding: 0; }
 li { list-style: none; }
 
 #body { }
 
 #blockLeft   { float: left;  width: 19%; /* width: 11.7em; */ } 
 #blockLeft dl { margin-bottom: 10px; }
 #blockLeft dt { background-color: #0F0; color: #FFF; }
 #blockLeft dt a { display: block; }
/* dt a:hover { background-color: #09F; }*/
 #blockLeft dd ul { background-color: #09F; }
 
 #blockRight  { float: right; width: 19%; background-color: #3F6; }

 #blockCenter { width: 59.3%; margin: 0 1.2% 0 20.2%; background-color: #9F9; }

 #footer { width: 59.3%; margin: 0 1.2% 0 20.2%; background-color: #9F9; }

 .cancelFloat:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
 }
 .cancelFloat { display: inline-block; }  
 /* Holly Hack Targets IE Win only \*/
 * html .cancelFloat { height: 1%; }
 .cancelFloat { display: block; }
 /* End Holly Hack */
</style>
</head>

<body>
 <div id="body" class="cancelFloat"> 
  <div id="blockLeft">
   <dl id="menu">

    <dt id="title1"><a href="#">Test1</a></dt>
    <dd id="ssmenu1">
     <ul>
      <li><a href="#">Test 1.1</a></li>
      <li><a href="#">Test 1.2</a></li>   
      <li><a href="#">Test 1.3</a></li>   
     </ul>
    </dd>

    <dt id="title2"><a href="#">Test2</a></dt>
    <dd id="ssmenu2">
     <ul>
      <li><a href="#">Test 2.1</a></li>
      <li><a href="#">Test 2.2</a></li>   
      <li><a href="#">Test 2.3</a></li>   
     </ul>
    </dd> 
    <dt id="title3"><a href="#">Test3</a></dt> 
   </dl></div>

  <div id="blockRight">
   <h2>Titre aussi</h2>
   <ul>
    <li><a href="#">fkdlskflsd dflmsdl q</a></li>
    <li><a href="#">fkdlskflsd dflmsdl q</a></li>
    <li><a href="#">fkdlskflsd dflmsdl q</a></li>
    <li><a href="#">fkdlskflsd dflmsdl q</a></li>			
   </ul></div>    
  <div id="blockCenter">

   <h2>Titre</h2> 
   <p>klqskldkqs dmslqm dqsùm qsd dsqkldlm qskdlq</p>
   <p>dqdqs sdq dq d qsdqs dqs</p></div>
 </div> 
 <div id="footer">Footer ldqsmldqms</div>
</body>
</html>
[/i][/i]
Modifié par mic58 (21 Nov 2005 - 16:00)
Sujet clos
Aller à