login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Div Wil niet uitrekken

Offline Hebus - 01/07/2008 15:51 (laatste wijziging 01/07/2008 16:13)
Avatar van HebusNieuw lid Als je op volgende link klikt zie je zo mijn probleem.
Ik sta op het punt om heel de boel in een simpele tabel te smijten. :'
Ziet iemand hier een oplosisng voor, ik doe waarschijnlijk weer eens wat dik fout  

Versie_1_av_site

in mijn ccs file staat oa het volgende
  1. html,body {
  2. margin:0;
  3. padding:0;
  4. height:100%; /* needed for container min-height */
  5. font-family:arial,sans-serif;
  6. font-size:small;
  7. background-color: #2C2421;
  8. }
  9.  
  10.  
  11. div#container {
  12. position:relative; /* needed for footer positioning*/
  13. margin:0 auto; /* center, not in IE5 */
  14. width:750px;
  15. background:#947430;
  16. height:auto !important; /* real browsers */
  17. height:100%; /* IE6: treaded as min-height*/
  18. min-height:100%; /* real browsers */
  19. }
  20.  
  21. /*de Header*/
  22. div#header p {
  23. font-style:italic;
  24. font-size:1.1em;
  25. margin:0;
  26. }
  27.  
  28. /*bevat de layers met content*/
  29. div#content {
  30. background:url(layout_images/mid.gif);
  31. font-family: Arial, Helvetica, sans-serif;
  32. color: #E3CD96;
  33. overflow:hidden;
  34. }
  35.  
  36. /*hier staat effectief de tekst in*/
  37. div#tekst_frame_1 {
  38. position: absolute;
  39. left:330px;
  40. width:415px;
  41. top:186px;
  42. bottom:146px;
  43. z-index:2;
  44. }
  45.  
  46. /*de layer onderaan met de image buttons in*/
  47. #strook {
  48. position:absolute;
  49. height:97px;
  50. width:100%;
  51. bottom: 49px;
  52. background-image: url(layout_images/Strook.gif);
  53. margin-top: 10px;
  54. }
  55.  
  56. /* Helemaal onderaan de Footer*/
  57. div#footer {
  58. position: absolute;
  59. height:49px;
  60. width:560px;
  61. bottom:0; /* stick to bottom */
  62. background: url(layout_images/footer.gif);
  63. font-size: 10px;
  64. padding-left: 190px;
  65.  
  66. }
  67. div#footer p {
  68. padding:0.1em;
  69.  
  70. }


in de html pagina staan ze op volgende wijze.

  1. <div id="container">
  2.  
  3. <div id="header">.... </div>
  4.  
  5. <div id="content">
  6.  
  7. <div id="tekst_frame_1"> ....</div>
  8.  
  9. </div>
  10.  
  11. <div id="strook">.... </div>
  12. <div id="footer">.... </div>
  13.  
  14. </div>


11 antwoorden

Gesponsorde links
Offline Delta - 01/07/2008 16:02
Avatar van Delta Nieuw lid Gebruik eens ergens: Postion: Fixed;
Offline Jointjeff - 01/07/2008 16:24 (laatste wijziging 01/07/2008 16:30)
Avatar van Jointjeff HTML interesse -- edit --

Nope, laat maar. Werkt niet.
Offline Martijn - 01/07/2008 17:00
Avatar van Martijn Crew PHP ik heb ook nog min-heigth in mn body staan, mssn helpt dat.
Offline Delta - 01/07/2008 17:08
Avatar van Delta Nieuw lid Nou dit probleem had ik laats ook en nu weer, en min height werkt niet bij een pagina waarbij de hoogte kan verschillen
Offline Giant - 01/07/2008 17:58
Avatar van Giant PHP beginner min-height gewoon op een vast aantal pixels zetten?
Offline dafid - 01/07/2008 20:08
Avatar van dafid Nieuw lid
  1. html,body {
  2. margin:0;
  3. padding:0;
  4. height:100%; /* needed for container min-height */
  5. font-family:arial,sans-serif;
  6. font-size:small;
  7. background-color: #2C2421;
  8. }
  9.  
  10.  
  11. div#container {
  12. position:relative; /* needed for footer positioning*/
  13. margin:0 auto; /* center, not in IE5 */
  14. width:750px;
  15. background:#947430;
  16. height:auto !important; /* real browsers */
  17. height:100%; /* IE6: treaded as min-height*/
  18. min-height:100%; /* real browsers */
  19. }
  20.  
  21. /*de Header*/
  22. div#header p {
  23. font-style:italic;
  24. font-size:1.1em;
  25. margin:0;
  26. }
  27.  
  28. /*bevat de layers met content*/
  29. div#content {
  30. background:url(layout_images/mid.gif);
  31. font-family: Arial, Helvetica, sans-serif;
  32. color: #E3CD96;
  33. overflow:hidden;
  34. }
  35.  
  36. /*hier staat effectief de tekst in*/
  37. div#tekst_frame_1 {
  38. position: absolute;
  39. left:330px;
  40. width:415px;
  41. top:186px;
  42. bottom:146px;
  43. z-index:2;
  44. overflow:auto;
  45. padding:5px
  46. }
  47.  
  48. /*de layer onderaan met de image buttons in*/
  49. #strook {
  50. position:absolute;
  51. height:97px;
  52. width:100%;
  53. bottom: 49px;
  54. background-image: url(layout_images/Strook.gif);
  55. margin-top: 10px;
  56. }
  57.  
  58. /* Helemaal onderaan de Footer*/
  59. div#footer {
  60. position: absolute;
  61. height:49px;
  62. width:560px;
  63. bottom:0; /* stick to bottom */
  64. background: url(layout_images/footer.gif);
  65. font-size: 10px;
  66. padding-left: 190px;
  67.  
  68. }
  69. div#footer p {
  70. padding:0.1em;
  71.  
  72. }


  1. <div id="container">
  2.  
  3. <div id="header">.... </div>
  4.  
  5. <div id="content">
  6.  
  7. <div style="position: absolute; left: 330px; top: 186px; height: 464px; overflow:auto; padding:5px"> Long text files often consist of many
  8. subsections that can be considered to be separate documents. For
  9. example, some email programs keep messages in a single long text
  10. file, with a marker such as &quot;Date:&quot; or a line of dashes
  11. separating the messages. Also, XML files with data converted
  12. from a database table will typically contain a series of
  13. records. The File Segmentation Rules feature in dtSearch
  14. provides a way to tell dtSearch to index each message or record
  15. as a separate document, without breaking up the original text
  16. file into numerous tiny files. Long text files often consist of
  17. many subsections that can be considered to be separate documents.
  18. For example, some email programs keep messages in a single long
  19. text file, with a marker such as &quot;Date:&quot; or a line of dashes
  20. separating the messages. Also, XML files with data converted
  21. from a database table will typically contain a series of
  22. records. The File Segmentation Rules feature in dtSearch
  23. provides a way to tell dtSearch to index each message or record
  24. as a separate document, without breaking up the original text
  25. file into numerous tiny files Long text files often consist of
  26. many subsections that can be considered to be separate documents.
  27. For example, some email programs keep messages in a single long
  28. text file, with a marker such as &quot;Date:&quot; or a line of dashes
  29. separating the messages. Also, XML files with data converted
  30. from a database table will typically contain a series of
  31. records. The File Segmentation Rules feature in dtSearch
  32. provides a way to tell dtSearch to index each message or record
  33. as a separate document, without breaking up the original text
  34. file into numerous tiny files Long text files often consist of
  35. many subsections that can be considered to be separate documents.
  36. For example, some email programs keep messages in a single long
  37. text file, with a marker such as &quot;Date:&quot; or a line of dashes
  38. separating the messages. Also, XML files with data converted
  39. from a database table will typically contain a series of
  40. records. The File Segmentation Rules feature in dtSearch
  41. provides a way to tell dtSearch to index each message or record
  42. as a separate document, without breaking up the original text
  43. file into numerous tiny files Long text files often consist of
  44. many subsections that can be considered to be separate documents.
  45. For example, some email programs keep messages in a single long
  46. text file, with a marker such as &quot;Date:&quot; or a line of dashes
  47. separating the messages. Also, XML files with data converted
  48. from a database table will typically contain a series of
  49. records. The File Segmentation Rules feature in dtSearch
  50. provides a way to tell dtSearch to index each message or record
  51. as a separate document, without breaking up the original text
  52. file into numerous tiny files Long text files often consist of
  53. many subsections that can be considered to be separate documents.
  54. For example, some email programs keep messages in a single long
  55. text file, with a marker such as &quot;Date:&quot; or a line of dashes
  56. separating the messages. Also, XML files with data converted
  57. from a database table will typically contain a series of
  58. records. The File Segmentation Rules feature in dtSearch
  59. provides a way to tell dtSearch to index each message or record
  60. as a separate document, without breaking up the original text
  61. file into numerous tiny files Long text files often consist of
  62. many subsections that can be considered to be separate documents.
  63. For example, some email programs keep messages in a single long
  64. text file, with a marker such as &quot;Date:&quot; or a line of dashes
  65. separating the messages. Also, XML files with data converted
  66. from a database table will typically contain a series of
  67. records. The File Segmentation Rules feature in dtSearch
  68. provides a way to tell dtSearch to index each message or record
  69. as a separate document, without breaking up the original text
  70. file into numerous tiny files</div>
  71.  
  72. </div>
  73.  
  74. <div id="strook">.... </div>
  75. <div id="footer">.... </div>
  76.  
  77. </div>



Zo iets?
Offline Hebus - 02/07/2008 09:35 (laatste wijziging 02/07/2008 09:59)
Avatar van Hebus Nieuw lid nope dat gaat niet dan ga je scrollen in het frame zelf.
de navigatie strook & footer moeten meeschuiven als de content te groot is.
Offline dafid - 02/07/2008 11:49
Avatar van dafid Nieuw lid Ohhh, Ik ga ff een tutorial zoekken 
Offline Hebus - 02/07/2008 12:05
Avatar van Hebus Nieuw lid Ben nu al 2 dagan aan het prutsen aan dit ondig , en nog steeds niks gevonden dat werkt.
Offline dafid - 02/07/2008 12:21 (laatste wijziging 02/07/2008 12:32)
Avatar van dafid Nieuw lid Is een fixet footer ook goed?

Edit:

Probeer dit er in te verwerken :
  1. #footer2{
  2. clear: left;
  3. width: 100%;
  4. background: black;
  5. color: #FFF;
  6. text-align: center;
  7. padding: 4px 0;
  8. }

Deze werkt  
Offline Hebus - 02/07/2008 12:47 (laatste wijziging 02/07/2008 12:51)
Avatar van Hebus Nieuw lid Als ik die onder de container plaats zie ik inder. een zwart balk.
Maar mijn tekst loopt nog steeds door...
Ik heb zo de indruk dat de content layer gewoon niet open gaat.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.232s