Retour à Forum de site web

Footer problèmes

  • aloof
  • Newbie
  • Newbie
  • No Avatar
  • Inscription: Avr 03, 2004
  • Messages: 14
  • Loc: Oregon
  • Status: Offline

Message Avril 10th, 2004, 8:05 pm

http://engr.georgefox.edu/faculty/Bob_Harder/

Quelqu'un peut-il me dire comment je peux faire ma position footer elle-même selon le panneau de navigation de sorte que le pied de page sera toujours assez bas?

Heres mon CSS:
Code: [ Select ]
a:link, a:visited
{
text-decoration: none;
color: #900b09;
}

a:hover, a:visited:hover
{
text-decoration: none;
color: #ff0000;
}

img
{
position:relative;
}

body
{
margin:0px;
padding:0px;
font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
background-color: #f0f0e0;
color: #333333;
}    
    
#hdr
{
position:absolute;
background-image:url('images/background.gif');
background-repeat:no-repeat;
top: 0px;
left: 0px;
height:60px;
width:100%;
border-bottom:1px solid #000000;
margin:0;
font-size:35pt;
z-index: 1;
}

#lh
{
position: absolute;
top: 70px;
left: 10px;
width: 100px;
height: 15px;
border: 1px solid #000000;
background: #CC9933;
color: #ffffff;
margin: 0px;
padding: 0px;
text-align:center;
z-index: 1;
}
#lh2
{
position: absolute;
top: 85px;
left: 10px;
width: 100px;
height: auto;
border: 1px solid #000000;
background:#FFFFFF;
color:#000000;
margin: 0px;
padding: 0px;
text-align:left;
z-index: 1;
}
#lh2 a:hover {color:rgb(255,64,64);background-color:rgb(230,230,250);}
#lh2 a {display:block;}

#rh
{
position: absolute;
top: 70px;
right: 20px;
width: 200px;
height: 15px;
border: 1px solid #000000;
background: #CC9933;
color: #ffffff;
margin: 0px;
padding: 0px;
z-index: 1;
}
#rh2
{
position: absolute;
top: 85px;
right: 20px;
width: 200px;
height: auto;
border: 1px solid #000000;
background:#FFFFFF;
color:#000000;
margin: 0px;
padding: 5px;
z-index: 1;
}
    
#ctr
{
position: relative;
margin: 70px 230px 0px 120px;
border: 1px solid #333333;
background: #CC9933;
color: #ffffff;
padding: 0px;
text-align:center;
z-index: 7;
}
#ctr2
{
position: relative;
margin: 0px 230px 20px 120px;
border: 1px solid #333333;
background: #FFFFFF;
color: #000000;
padding: 5px;
z-index: 7;
}

#ftr
{
position: relative;
margin: 10px 0px 10px 0px;
border: 1px solid #000000;
width:100%;
height: 15px;
color: #00000;
background:#CC9933;
z-index: 6;
}
  1. a:link, a:visited
  2. {
  3. text-decoration: none;
  4. color: #900b09;
  5. }
  7. a:hover, a:visited:hover
  8. {
  9. text-decoration: none;
  10. color: #ff0000;
  11. }
  13. img
  14. {
  15. position:relative;
  16. }
  18. body
  19. {
  20. margin:0px;
  21. padding:0px;
  22. font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
  23. background-color: #f0f0e0;
  24. color: #333333;
  25. }    
  26.     
  27. #hdr
  28. {
  29. position:absolute;
  30. background-image:url('images/background.gif');
  31. background-repeat:no-repeat;
  32. top: 0px;
  33. left: 0px;
  34. height:60px;
  35. width:100%;
  36. border-bottom:1px solid #000000;
  37. margin:0;
  38. font-size:35pt;
  39. z-index: 1;
  40. }
  42. #lh
  43. {
  44. position: absolute;
  45. top: 70px;
  46. left: 10px;
  47. width: 100px;
  48. height: 15px;
  49. border: 1px solid #000000;
  50. background: #CC9933;
  51. color: #ffffff;
  52. margin: 0px;
  53. padding: 0px;
  54. text-align:center;
  55. z-index: 1;
  56. }
  57. #lh2
  58. {
  59. position: absolute;
  60. top: 85px;
  61. left: 10px;
  62. width: 100px;
  63. height: auto;
  64. border: 1px solid #000000;
  65. background:#FFFFFF;
  66. color:#000000;
  67. margin: 0px;
  68. padding: 0px;
  69. text-align:left;
  70. z-index: 1;
  71. }
  72. #lh2 a:hover {color:rgb(255,64,64);background-color:rgb(230,230,250);}
  73. #lh2 a {display:block;}
  75. #rh
  76. {
  77. position: absolute;
  78. top: 70px;
  79. right: 20px;
  80. width: 200px;
  81. height: 15px;
  82. border: 1px solid #000000;
  83. background: #CC9933;
  84. color: #ffffff;
  85. margin: 0px;
  86. padding: 0px;
  87. z-index: 1;
  88. }
  89. #rh2
  90. {
  91. position: absolute;
  92. top: 85px;
  93. right: 20px;
  94. width: 200px;
  95. height: auto;
  96. border: 1px solid #000000;
  97. background:#FFFFFF;
  98. color:#000000;
  99. margin: 0px;
  100. padding: 5px;
  101. z-index: 1;
  102. }
  103.     
  104. #ctr
  105. {
  106. position: relative;
  107. margin: 70px 230px 0px 120px;
  108. border: 1px solid #333333;
  109. background: #CC9933;
  110. color: #ffffff;
  111. padding: 0px;
  112. text-align:center;
  113. z-index: 7;
  114. }
  115. #ctr2
  116. {
  117. position: relative;
  118. margin: 0px 230px 20px 120px;
  119. border: 1px solid #333333;
  120. background: #FFFFFF;
  121. color: #000000;
  122. padding: 5px;
  123. z-index: 7;
  124. }
  126. #ftr
  127. {
  128. position: relative;
  129. margin: 10px 0px 10px 0px;
  130. border: 1px solid #000000;
  131. width:100%;
  132. height: 15px;
  133. color: #00000;
  134. background:#CC9933;
  135. z-index: 6;
  136. }


Heres mon implémentation:
Code: [ Select ]
<html>
<link rel="stylesheet" type="text/css" href="http://engr.georgefox.edu/template/layout.css">
<head>
<title>Engineering Homepage - Faculty</title>
</head>
<body>

<?php

require('/var/www/html/template/loader.html');

?>

<!-- start center column -->
<div id="ctr">
<?php
echo "Some title";
?>
</div>
<div id="ctr2">
<p>Center column content.
</p>
</div>
<!-- end center column -->

<!-- start footer -->
<div id="ftr">
    <?php require("/var/www/html/template/footer.html"); ?>
</div>
<!-- end footer -->
</body>
</html>
  1. <html>
  2. <link rel="stylesheet" type="text/css" href="http://engr.georgefox.edu/template/layout.css">
  3. <head>
  4. <title>Engineering Homepage - Faculty</title>
  5. </head>
  6. <body>
  8. <?php
  10. require('/var/www/html/template/loader.html');
  12. ?>
  14. <!-- start center column -->
  15. <div id="ctr">
  16. <?php
  17. echo "Some title";
  18. ?>
  19. </div>
  20. <div id="ctr2">
  21. <p>Center column content.
  22. </p>
  23. </div>
  24. <!-- end center column -->
  26. <!-- start footer -->
  27. <div id="ftr">
  28.     <?php require("/var/www/html/template/footer.html"); ?>
  29. </div>
  30. <!-- end footer -->
  31. </body>
  32. </html>
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Avril 10th, 2004, 8:05 pm

  • aloof
  • Newbie
  • Newbie
  • No Avatar
  • Inscription: Avr 03, 2004
  • Messages: 14
  • Loc: Oregon
  • Status: Offline

Message Avril 10th, 2004, 8:30 pm

Peu importe ce qui précède. Je fixe mon problème intelligemment.

Page 1 sur 1

Afficher de l'information

  • Total des messages de ce sujet: 2 messages
  • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 112 invités
  • Vous ne pouvez pas poster de nouveaux sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas éditer vos messages
  • Vous ne pouvez pas supprimer vos messages
  • Vous ne pouvez pas joindre des fichiers
 
 

© 2011 Unmelted, LLC. Ozzu® est une marque déposée de Unmelted, LLC