login  Naam:   Wachtwoord: 
Registreer je!
 Forum

footer positie probleem

Offline copyfile - 29/12/2006 00:53
Avatar van copyfileNieuw lid Ik heb onderstaande code voor een website. Alles werkt 100% goed in Firefox. Alleen het probleem is dat de footer in Internet Explorer i.p.v. netjes onderaan in het midden iets verder naar boven en een stuk naar rechts staat. Wat zou dit kunnen zijn ? Hieronder de code en een link waar de site te zien is.

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <style type="text/css">
  2. html, body {
  3. height:100%;
  4. font-family: Arial, Helvetica, sans-serif;
  5. font-size: 11px;
  6. color: #000000;
  7. margin: 0;
  8. margin-left: 0px;
  9. margin-top: 0px;
  10. margin-right: 0px;
  11. margin-bottom: 0px;
  12. }
  13. a:link {
  14. color: #000000;
  15. text-decoration: none;
  16. }
  17. a:visited {
  18. color: #000000;
  19. text-decoration: none;
  20. }
  21. a:hover {
  22. color: #000000;
  23. text-decoration: none;
  24. }
  25. a:active {
  26. color: #000000;
  27. text-decoration: none;
  28. }
  29. .container {
  30. width: 800px; 
  31. padding: 0px;
  32. margin:0px auto;
  33. height:100%;
  34. min-height:100%;
  35. }
  36.  
  37. .float11 {
  38. background-image:url(img/body/bg1222.jpg);
  39. text-align: center;
  40. width: 25px;
  41. margin: 0px;
  42. padding: 0px;
  43. float: left;
  44. height:100%;
  45. min-height:100%;
  46. }
  47. .float21 {
  48. text-align: center;
  49. width: 750px;
  50. margin: 0px;
  51. padding: 0px;
  52. float: left;
  53. height:100%;
  54. min-height:100%;
  55. }
  56. .float31 {
  57. background-image:url(img/body/bg1223.jpg);
  58. text-align: center;
  59. width: 25px;
  60. margin: 0px;
  61. padding: 0px;
  62. float: left;
  63. height:100%;
  64. min-height:100%;
  65. }
  66. #divSite {
  67. text-align: left;
  68. margin:0 auto;
  69. padding: 0px;
  70. width:750px;
  71. height: 100%;
  72.  
  73. }
  74. div.container2 {
  75. width: 750px; 
  76. padding: 0px;
  77. }
  78.  
  79. div.float {
  80. text-align: center;
  81. background-image:url("img/body/header.jpg");
  82. width: 750px;
  83. height: 150px;
  84. margin: 0px;
  85. padding: 0px;
  86. float: center;
  87. }
  88. div.float2 {
  89. text-align: center;
  90. background-image:url("img/menu/menu_back.gif");
  91. width: 750px;
  92. height: 25px;
  93. margin: 0px;
  94. padding: 0px;
  95. float: center;
  96. }
  97. div.float3 {
  98. text-align: left;
  99. width: 750px;
  100. margin: 0px;
  101. padding: 0px;
  102. float: center;
  103. }
  104. #container3 {
  105. width: 750px; 
  106. position: relative;
  107. min-height: 100%;
  108. height: 100%;
  109. height: auto;
  110. }
  111. #footer {
  112. font-family: Arial, Helvetica, sans-serif;
  113. font-size: 11px;
  114. color: #000000;
  115. background-image: url(img/body/background_footer.jpg);
  116. background-position: center;
  117. background-repeat: repeat-y;
  118. text-align: center;
  119. position: absolute;
  120. bottom: 0;
  121. width: 750px;
  122. height: 15px;
  123. }
  124. </style></head>
  125.  
  126. <body>
  127.  
  128. <div class="container">
  129. <div class="float11"></div>
  130. <div class="float21">
  131. <div id="divSite">
  132. <div class="container2"><div class="float"></div></div>
  133. <div class="container2"><div class="float2</div>
  134. </div>
  135. <div class="container2"><div class="float3">fdgdfgdfgdg</div></div>
  136. </div>
  137. <div class="container3"><div id="footer"></div>
  138. </div>
  139. </div>
  140. <div class="float31"></div>
  141. </div> 
  142. </body>



http://home.wanadoo.nl/copyfile/

4 antwoorden

Gesponsorde links
Offline marten - 29/12/2006 01:07 (laatste wijziging 29/12/2006 01:10)
Avatar van marten Beheerder
Citaat:
215 div.float Invalid number : float center is not a float value : center
224 div.float2 Invalid number : float center is not a float value : center
231 div.float3 Invalid number : float center is not a float value : center


Verder staat in container3 nog steeds 2x height.

Download de Chirspedrick webextensie voor in je firefox browser. Deze is echt zo handig om te debuggen. En haal allereerst de fouten in je html / css als er iets fout is in de site.

http://www.site...amp;id=402

Grote lappen code zoals deze int vervolg op www.plaatscode.be aub
Offline copyfile - 29/12/2006 13:58 (laatste wijziging 29/12/2006 13:59)
Avatar van copyfile Nieuw lid Het al die fouten veranderd maar helpt helaas niet.
Zover het nu is staat op http://home.wanadoo.nl/copyfile/
Offline urqbz - 29/12/2006 15:33
Avatar van urqbz PHP interesse `k snap het probleem niet bij mij gaat het goed (ik gebruik wel
internet explorer) 
Offline copyfile - 29/12/2006 16:17 (laatste wijziging 29/12/2006 16:28)
Avatar van copyfile Nieuw lid Hier in Versie 6 van internet explorer staat de footer balk een stuk naa rechts en een stuk van de onderkant.

[edit]
Heb er weer even aan gepuzeld en nu is het al een stuk beter. Alleen het probleem is nu dat hij hem in FF nog steeds perfect weer. Maar in Internet Explorer staat hij net 1px te ver naar rechts en iets van 3px van de onderkant. Wat doe ik hieraan ?
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.359s