min-height

min-height - HTML/CSS - Programmation

Marsh Posté le 20-05-2004 à 14:25:08    

Y a t'il une alternative pour min-height ? en effet ça fonctionne bien ave c Mozilla/Firefox et Opéra7 mais pas avec IE6  :sweat:  
 
       

Code :
  1. html, body
  2. {
  3. margin:0;
  4. padding:0;
  5. background-color: #FFFFFF;
  6. font-family: Verdana, Helvetica, sans-serif;
  7. font-size:1Ox;
  8. line-height:normal;
  9. color:#000000;
  10. height: 100%;
  11. }
  13. p, h2, h3, a, .retour, .TextGras, .TextMini, .Textitalic, .Textitalic3, .texte-centre, .table, .TableB, .tblbor, .table2, li, ul, select
  14. {
  15. font-family: Verdana, Helvetica, sans-serif;
  16. font-size:10px;
  17. color:#000000;
  18. background-color: #FFFFFF;
  19. }
  21. p
  22. {
  23. text-align: justify;
  24. }
  26. ul, li
  27. {
  28. text-align: left;
  29. }
  31. .banniere
  32. {
  33. background-color: #008040;
  34. height: 90px;
  35. }
  37. .contenu
  38. {
  39. min-height: 80%;
  40. background-color: #ffffff;
  41. }
  43. .gauche
  44. {
  45. background-color: #ffffff;
  46. float: left;
  47. width: 150px;
  48. color: #ffffff;
  49. margin-left: 10px
  50. }
  52. .principal
  53. {
  54. margin-left: 190px;
  55. padding-right: 20px;
  56. padding-top: 10px;
  57. padding-bottom: 10px;
  58. }
  60. .pied
  61. {
  62. background-color: #008040;
  63. height: 5%;
  64. padding-top: 20px;
  65. text-align: center;
  66. }


 
HTML  
 

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
  4. <html>
  5. <head>
  6.  <title></title>
  7.  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  8.  <link rel="stylesheet" type="text/css" href="sempe.css" media="screen"></link>
  9. </head>
  10. <body>
  11.  <!--#include file = "Haut.inc"-->
  12.  <div class="contenu">
  13.   <div class="gauche">
  14.    <!--#include file="menu2.inc"--></div>
  15.   <div class="principal">
  17.   </div>
  18.  </div>
  19.  <div class="pied">
  21.  </div>
  22. </body>
  23. </html>


 
 
Bien entendu dans IE le min-height n'est pas respecté  :o


Message édité par Flyman30 le 20-05-2004 à 14:27:35
Reply

Marsh Posté le 20-05-2004 à 14:25:08   

Reply

Marsh Posté le 22-05-2004 à 09:42:06    

J'ai fait comme ça finalement :
 

Code :
  1. html, body
  2. {
  3. margin:0;
  4. padding:0;
  5. background-color: #FFFFFF;
  6. font-family: Verdana, Helvetica, sans-serif;
  7. font-size:1Ox;
  8. line-height:normal;
  9. color:#000000;
  10. height: 100%;
  11. }
  13. p, h2, h3, a, .retour, .TextGras, .TextMini, .Textitalic, .Textitalic3, .texte-centre, .table, .TableB, .tblbor, .table2, li, ul, select
  14. {
  15. font-family: Verdana, Helvetica, sans-serif;
  16. font-size:10px;
  17. color:#000000;
  18. background-color: #FFFFFF;
  19. }
  21. p
  22. {
  23. text-align: justify;
  24. }
  26. ul, li
  27. {
  28. text-align: left;
  29. }
  31. .banniere
  32. {
  33. background-color: #008040;
  34. height: 90px;
  35. }
  37. .contenu
  38. {
  39. min-height: 80%;
  40. width: 100%;
  41. }
  43. .accueil
  44. {
  45. margin: 20px;
  46. }
  48. .gauche
  49. {
  50. float: left;
  51. width: 150px;
  52. color: #ffffff;
  53. margin-left: 10px
  54. }
  56. .principal
  57. {
  58. margin-left: 190px;
  59. padding-right: 20px;
  60. padding-top: 10px;
  61. padding-bottom: 10px;
  62. min-height: 600px;
  63. }
  65. .pied
  66. {
  67. height: 5%;
  68. padding-top: 20px;
  69. text-align: center;
  70. }


 
S'il y a une autre solution je suis preneur  ;)
 
http://flyman30.dyndns.org/test/template.asp


Message édité par Flyman30 le 22-05-2004 à 09:50:30
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed