login  Naam:   Wachtwoord: 
Registreer je!
 Forum

footer :absolute niet inbeeld?

Offline robmoorman - 19/05/2007 14:31
Avatar van robmoormanPHP interesse ik heb het volgende probleem, ik werk met een relative container waar met absolute mijn divs in staan. nu heb ik een footer maar die komt niet in beeld... zou niet weten welke waarden ik de footer moet meegevgen in css dat hij juist in beeld komt...

mijn stukje html:
  1. <div id="container">
  2. <div id="containerHeader">
  3. <object type="application/x-shockwave-flash" data="images/layout_header.swf" width="600" height="162">
  4. <param name="movie" value="images/layout_header.swf" />
  5. <param name="loop" value="false" />
  6. </object>
  7.  
  8. </div>
  9. <div id="containerMenu">
  10. <div id="divMenu"></div>
  11. <div id="divSearch">
  12. <form name="search" method="post" action="">
  13. <input type="text" name="keyword" id="keyword" size="6" /> <input type="image" name="submit_search" id="submit_search" src="images/icons/search.png" />
  14. </form>
  15. </div>
  16. </div>
  17. <div id="containerLeftContent">
  18. <div class="text_left">
  19. {content}
  20. </div>
  21. </div>
  22. <div id="containerRightContent">
  23. <div class="text_right">
  24. <h2>Menu</h2>
  25. <div id="menuList">
  26. <ul>
  27. <li><a href="?p=1">home</a></li>
  28. <li><a href="?p=2">projecten</a></li>
  29. <li><a href="?p=3">webdesign</a></li>
  30. <li><a href="?p=4">logo &amp; huisstijl</a></li>
  31. <li><a href="?p=5">grafische vormgeving</a></li>
  32. <li><a href="?p=6">contact &amp; offertes</a></li>
  33. </ul>
  34. </div>
  35. </div>
  36. </div>
  37. <div id="containerFooter">
  38. &copy;Copyright 2007 Moorman Webdesign<br />
  39. <a href="http://validator.w3.org/check?uri=referer"><img src="images/icons/xhtml-valid.gif" border="0px" alt="Valid XHTML 1.0 Transitional" /></a> <a href="http://jigsaw.w3.org/css-validator/"><img src="images/icons/css-valid.gif" border="0px" alt="Valid CSS!" /></a>
  40. </div>
  41. </div>


en mijn stukje css:
  1. #container {
  2. position: relative;
  3. width: 600px;
  4. margin: 0px auto;
  5. }
  6. #containerHeader {
  7. position: absolute;
  8. left: 0px;
  9. width: 600px;
  10. height: 162px;
  11. }
  12. #containerMenu {
  13. position: absolute;
  14. top: 162px;
  15. left: 0px;
  16. width: 600px;
  17. height: 38px;
  18. vertical-align: top;
  19. }
  20. #containerLeftContent {
  21. position: absolute;
  22. top: 200px;
  23. left: 0px;
  24. width: 360px;
  25. }
  26. #containerRightContent {
  27. position: absolute;
  28. top: 200px;
  29. right: 0px;
  30. width: 200px;
  31. background-image: url('../images/stripe.png');
  32. background-position: top left;
  33. background-repeat: no-repeat;
  34. }
  35. #containerFooter {
  36. position: absolute;
  37. left: 0px;
  38. width: 600px;
  39. text-align: center;
  40. }


wie kan me aub helpen, groejtes rob.

5 antwoorden

Gesponsorde links
Offline marten - 19/05/2007 15:05
Avatar van marten Beheerder voeg aan je css van je footer eens bottom: 0; toe.
Offline robmoorman - 19/05/2007 15:16 (laatste wijziging 19/05/2007 23:15)
Avatar van robmoorman PHP interesse nee dat pakt hij niet www.robmoorman.nl btw

???
Offline W0etah - 20/05/2007 00:02
Avatar van W0etah PHP beginner kan het zijn omdat je geen hoogte opgeeft van je footer?


offtopic:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-- Deze site is geproduceerd door Moorman Webdesign -->
  4. <!-- De broncode binnen de gehele site zijn eigendom van Moorman Webdesign, -->
  5. <!-- dat geld tevens voor alle grafische afbeeldingen -->
  6. <!-- die niet mogen worden gekopieerd of nagemaakt zonder toestemming Moorman Webdesign -->
  7.  
  8. <!-- ©2007 info@robmoorman.nl -->

hoe doe je dat in jouw broncode?
Offline robmoorman - 20/05/2007 10:45
Avatar van robmoorman PHP interesse nee de hoogtes maken niet uit wat je opgeeft...
Offline jerone - 20/05/2007 16:45
Avatar van jerone JS gevorderde
  1. #containerFooter {
  2. position: fixed;
  3. left: 0px;
  4. bottom: 0px;
  5. width: 600px;
  6. text-align: center;
  7. }
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.212s