login  Naam:   Wachtwoord: 
Registreer je!
 Forum

probleem met automatische hoogte hoofdcontainer

Offline Jur - 15/07/2009 11:27
Avatar van JurLid Hoi, heb het volgende stukje css waarin de hoofdcontainer staat:
  1. body {
  2. color: #1E4D1E;
  3. font: Calibri;
  4. }
  5. a {
  6. color: #98bf21;
  7. }
  8. .log {
  9. top: 3px;
  10. position: absolute;
  11. right: 25px;
  12. width: 220px;
  13. text-align: left;
  14. padding: 5px;
  15. font: 0.6em Calibri;
  16. }
  17. .inlogcontainer {
  18. top: 60px;
  19. position: absolute;
  20. right: 25px;
  21. text-align: left;
  22. padding: 5px;
  23.  
  24. }
  25. .hoofdcontainer {
  26. background-color: #fff;
  27. min-height: 100%;
  28. height: 1000px;
  29. margin: 0 auto;
  30. position: relative;
  31. width: 1100px;
  32. border-style: solid;
  33. border-width: 1px;
  34. border-color:#98bf21;
  35. font: 1.1em Calibri;
  36. }
  37. .logo {
  38. top: 15px;
  39. position: absolute;
  40. width:180px;
  41. left: 20px;
  42. float: left;
  43. }
  44. .menu {
  45. top: 25px;
  46. position: absolute;
  47. right: 40px;
  48. width: 400px;
  49. text-align: right;
  50. font: 1.2em Calibri;
  51. }

html :
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <LINK HREF="css/basis.css" REL="stylesheet" TYPE="text/css">
  3. </head>
  4. <body bgcolor="#E4FFFF">
  5. <table width="1100px" align="center">
  6. <tr>
  7. <td>
  8. <div class="hoofdcontainer">
  9. <div class="log">ingelogd als.</div>
  10. <div class="menu"><a href="index.php">Hoofd</a>--<a href="#1">Bespaar</a>--<a href="#2">Uitloggen</a></div>
  11. <div class="menu"></div>
  12. <div class="inlogcontainer">inloggen</div>
  13. <div class="logo"><img src="imag/logo.jpg" width="300" height="45" alt="" border="0" align=""><br /><img src="imag/subtekst.jpg" width="300" height="40" alt="" border="0" align=""></div>
  14. </div>

Het probleem is dat de hoofdcontainer niet automatisch meerekt met de containers er binnen in, wat zie ik over het hoofd of doe ik verkeerd?

2 antwoorden

Gesponsorde links
Offline valles10 - 15/07/2009 11:42
Avatar van valles10 HTML interesse lol?

27.min-height: 100%;
28.height: 1000px;

doe gwn
height: auto;
min-height: 500px;
Offline Jur - 15/07/2009 16:44
Avatar van Jur Lid Oke, had dit al geprobeerd, en in ff en safir en chrome werkt dit wel alleen ie doet een beetje moeilijk.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.196s