Footer problems

  • aloof
  • Newbie
  • Newbie
  • aloof
  • Posts: 14
  • Loc: Oregon

Post 3+ Months Ago

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

Can anybody tell me how I can make my footer position itself according to the navigation panel so that the footer will always be low enough?

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


Here's my implementation:
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>
  7. <?php
  8. require('/var/www/html/template/loader.html');
  9. ?>
  10. <!-- start center column -->
  11. <div id="ctr">
  12. <?php
  13. echo "Some title";
  14. ?>
  15. </div>
  16. <div id="ctr2">
  17. <p>Center column content.
  18. </p>
  19. </div>
  20. <!-- end center column -->
  21. <!-- start footer -->
  22. <div id="ftr">
  23.     <?php require("/var/www/html/template/footer.html"); ?>
  24. </div>
  25. <!-- end footer -->
  26. </body>
  27. </html>
  • aloof
  • Newbie
  • Newbie
  • aloof
  • Posts: 14
  • Loc: Oregon

Post 3+ Months Ago

Never mind the above. I cleverly fixed my problem.

Post Information

  • Total Posts in this topic: 2 posts
  • Users browsing this forum: No registered users and 65 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.