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
css code - Bekijk de code zonder highlighting - Klap code in 
  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.

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  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
css code - Bekijk de code zonder highlighting - Klap code in 
  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.     }


html4strict code - Bekijk de code zonder highlighting - Klap code in 
  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 :
css code - Bekijk de code zonder highlighting - Klap code in 
  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.348s