login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Achtergrond loopt niet door.

Offline Speznaz - 05/04/2010 16:11 (laatste wijziging 05/04/2010 16:15)
Avatar van SpeznazNieuw lid Zoals je op de screenshot ziet loopt de achtergrond niet door;

[URL=http://img361.imageshack.us/img361/9707/achtergrondv.png]Screenshot[/URL]

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div class="container"> hierin de verdere opmaak </div>


css code - Bekijk de code zonder highlighting - Klap code in 
  1. .container {
  2.  
  3. position: absolute;
  4. top: 0px;
  5. z-index: 0;
  6. height: 100%;
  7. width: 980px;
  8. margin-left: -490px;
  9. left: 50%;
  10. right: 50%;
  11. empty-cells: show;
  12. background-color: #E6E6E6;
  13.  
  14.  }


Hoe kan ik dit oplossen?

13 antwoorden

Gesponsorde links
Offline WebSmurf - 05/04/2010 16:21
Avatar van WebSmurf Nieuw lid http://www.html...c4503.html

Weet niet of je dit bedoelt maar bij mij werkte het MOOI !
Greetz WebSmurf  
Offline WimJ - 05/04/2010 16:21 (laatste wijziging 05/04/2010 16:32)
Avatar van WimJ Grafische gevorderde De achtergrond is dat lichtblauw gedeelte juist ?
En ben je er zeker van (kijk het liever nog eens na) dat je alles in de container hebt staan?

EDIT: net even uitgeprobeerd..

css code - Bekijk de code zonder highlighting - Klap code in 
  1. <style type="text/css"> 
  2. body { 
  3. width: 750px;
  4. height: 100% auto;
  5. background-color:#FC9;
  6. }
  7. </style>


Stretcht gewoon mee zoals het moet.
Dus probeer eens auto toe te voegen aan je height?
Offline Appie_Dijk - 05/04/2010 16:46
Avatar van Appie_Dijk Lid het gaat neit om de body color (deze is wit) maar om de achtergrond van de container.. (soort grijs ofzo)... ik zie de fout wel maar weet ook niet hoe ik het op moet lossen... en als ik 'auto' achter de 100% bij container zet is alles wit ipv de grijs...
Offline Jelmerholland - 05/04/2010 17:49
Avatar van Jelmerholland PHP beginner Zet is alles op float:left

Misschien dat dit een variatie is op de veelvoorkomende bug 
Offline WouterJ - 06/04/2010 18:01 (laatste wijziging 06/04/2010 18:02)
Avatar van WouterJ HTML gevorderde Misschien dit erbij zetten?
css code - Bekijk de code zonder highlighting - Klap code in 
  1. *{
  2. height: 100%;
  3. }

of dit:
css code - Bekijk de code zonder highlighting - Klap code in 
  1. body{
  2. height: 100%;
  3. }

Van de rest zie ik ook niet wat er fout is.
Offline lemoinet - 06/04/2010 18:04
Avatar van lemoinet PHP gevorderde kan je de html- en css-code eens volledig geven?
Offline Speznaz - 09/04/2010 10:25 (laatste wijziging 09/04/2010 10:27)
Avatar van Speznaz Nieuw lid Heb even wat rond gezocht op internet, nu kwam ik overflow: auto; tegen, nu loopt de achtergrond wel door maar zit ik met een ander probleem

Probleem.

De verticale scrollbar moet niet zichtbaar zijn, en de horizontale scrollbar moet gewoon tegen de kant.
Offline larssy1 - 09/04/2010 10:27
Avatar van larssy1 MySQL beginner overflow: hidden
Offline Speznaz - 09/04/2010 10:40
Avatar van Speznaz Nieuw lid Dan laat hij niet de hele pagina zien, maar tot de 100% van de background  
Offline larssy1 - 09/04/2010 10:42
Avatar van larssy1 MySQL beginner zoals eerder gezegt..
zou je AUB de volledige code van je index en css geven??
Offline Speznaz - 09/04/2010 10:48
Avatar van Speznaz Nieuw lid Index.php:

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//NL">
  2. <? require("inc/connectcms.php"); ?>
  5.  <META NAME="DESCRIPTION" CONTENT="<? echo $zoekmachine->beschrijving; ?>">
  6.  <META NAME="ROBOTS" CONTENT="INDEX, FOLLOW">
  7.  <META NAME="REVISIT-AFTER" CONTENT="1 Days">
  8.   <title><? echo $zoekmachine->titel; ?></title>
  9.   <meta http-equiv="Content-Language" content="nl">
  10.   <meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">
  11.   <link href="inc/imaginal.css" rel="stylesheet" media="screen" type="text/css">
  12. </head>
  13.  
  14.  
  15. <body class="debody">
  16.  
  17. <div class="container">
  18.  
  19. 	<div class="header"></div> <!-- header voltooid -->
  20.  
  21. 	<div class="menu">
  22. 		<? require("inc/menu.php"); ?> <!-- menu voltooid -->
  23. 	</div>
  24. 	<div class="logo"></div>
  25.  
  26. 	<div class="links">
  27. 	 <? require("inc/submenu.php"); ?>
  28. 		<br></br>
  29.  
  30. 		<table id="submenu">
  31. 			<tr>
  32. 				<td id="submenukop">
  33. 					<div id="submenukop-tekst">Recommendend websites</div>
  34. 				</td>
  35. 			</tr>
  36. 			<tr>
  37. 				<td>
  38. 					<div id="submenu-volg-tekst2">IAF Europe</div>
  39. 				</td>
  40. 			</tr>
  41. 			<tr>
  42. 				<td>
  43. 					<div id="submenu-volg-tekst2">IAF Methods Database</div>
  44. 				</td>
  45. 			</tr>
  46. 			<tr>
  47. 				<td>
  48. 					<div id="submenu-volg-tekst2">Start4all facillitors</div>
  49. 				</td>
  50. 			</tr>
  51. 			<tr>
  52. 				<td>
  53. 					<div id="submenu-volg-tekst2">Working by Gerrit Visser</div>
  54. 				</td>
  55. 			</tr>
  56. 			<tr>
  57. 				<td>
  58. 					<div id="submenu-volg-tekst2">The 9 Disciplines of a Facillitor</div>
  59. 				</td>
  60. 			</tr>
  61. 			<tr>
  62. 				<td>&nbsp;</td>
  63. 			</tr>							
  64. 		</table> 
  65.  
  66.  
  67. 	</div> 
  68.  
  69. 	 <div class="rechts">
  70.  
  71. 		<table id="submenu">
  72. 			<tr>
  73. 				<td id="submenukop">
  74. 					<div id="submenukop-tekst">Relations</div>
  75. 				</td>
  76. 			</tr>
  77. 			<tr>
  78. 				<td>
  79. 					<div id="submenu-volg-tekst3">"A needed and timely push to facillitators in every part of the proffesion to acknowledge the deeper realities of what we do. Facilitation is not just techniques but assisting individuals and groups to use the deeper resources they have within them to respond more effectively in day-to-day situations."
  80. 					</div>
  81. 				</td>
  82. 			</tr>
  83. 			<tr>
  84. 				<td>
  85. 					<div id="submenu-volg-tekst3">- James Wiegel, senior associate, the Institute of Cultural Affairs</div>
  86. 				</td>
  87. 			</tr>
  88. 		</table> 
  89.  
  90. 		<br>
  91.  
  92. 		<table id="submenu">
  93. 			<tr>
  94. 				<td id="submenukop">
  95. 					<div id="submenukop-tekst">Recommended Books</div>
  96. 				</td>
  97. 			</tr>
  98. 			<tr>
  99. 				<td id="submenu-volg-recommend">
  100. 						<img src="book.png"/>  <!-- Probleem recommended plaatje. -->
  101. 				</td>
  102. 			</tr>
  103. 		</table>
  104. 	</div>
  105.  
  106.  
  107. 	 <div class="content">
  108.  
  109. 		<div id="content">
  110. 			<? require("inc/content.php"); ?>
  111. 		</div>
  112.  
  113. 	 </div>
  114.  
  115. </div>
  116.  
  117. </body>
  118.  
  119. </html>



CSS:

css code - Bekijk de code zonder highlighting - Klap code in 
  1. <style type="text/css">
  2. html 
  3.  { 
  4.  
  5.  height: 100%;
  6.  
  7.  }
  8.  
  9. body  
  10.  {
  11.  font-family: arial; 
  12.  font-size: 10pt;
  13.  margin: 0px;
  14.  overflow-y: auto;
  15.  overflow-x: auto;
  16.  scroll: auto;
  17.  }
  18.  
  19.  .debody {
  20. 	margin: 0px;
  21. 	}
  22.  
  23. .container {
  24.  
  25. position: absolute;
  26. top: 0px;
  27. z-index: 0;
  28. height: 100%;
  29. overflow: auto; 
  30. overflow: hidden; 
  31. width: 980px;
  32. margin-left: -490px;
  33. left: 50%;
  34. right: 50%;
  35. empty-cells: show;
  36. background-color: #E6E6E6;
  37.  
  38.  }
  39.  
  40.  
  41. .header {
  42. position: absolute;
  43. top: 0px;
  44. z-index: 1;
  45. height: 190px;
  46. width: 100%;
  47. background-image: url('../images/header.png');
  48. background-repeat:no-repeat;
  49.   /* for IE */
  50.   filter:alpha(opacity=50);
  51.   /* CSS3 standard */
  52.   opacity:0.5;
  53.  
  54. }
  55.  
  56.  
  57.  
  58. .menu {
  59. position: absolute;
  60. top: 120px;
  61. z-index: 2;
  62. height: 34px;
  63. width: 100%;
  64. background-color: #0e2c49;
  65.   /* for IE */
  66.   filter:alpha(opacity=80);
  67.   /* CSS3 standard */
  68.   opacity:0.8;
  69. }
  70.  
  71. .links {
  72.  
  73. position: absolute;
  74. top: 205px;
  75. z-index: 1;
  76. width: 191px;
  77. left: 5px;
  78.  
  79. }
  80.  
  81. .rechts {
  82.  
  83. position: absolute;
  84. top: 205px;
  85. z-index: 1;
  86. width: 191px;
  87. right: 5px;
  88.  
  89. }
  90.  
  91. .content {
  92.  
  93. position: absolute;
  94. top: 205px;
  95. z-index: 1;
  96. width: 558px;
  97. left: 211px;
  98. }
  99.  
  100. #menu {
  101. margin-top: 5px;
  102. text-align: center;
  103. color: #FFFFFF;
  104. font-size: 12pt;
  105. }
  106.  
  107. #menu a {
  108. color: #FFFFFF;
  109. text-decoration: none;
  110.  
  111. }
  112.  
  113. #menu strong {
  114. margin-right: 10px;
  115. margin-left: 10px;
  116. font-weight: normal;
  117. }
  118.  
  119.  
  120. #submenu {
  121.  
  122. border: 1px;
  123. border-style: solid;
  124. border-color: #897ffc;
  125. width: 100%;
  126. font-family: arial; 
  127. font-size: 10pt;
  128. empty-cells: show;
  129. border-spacing: 0px;
  130. background-color: #FFFFFF
  131. }
  132.  
  133.  
  134. #submenukop {
  135.  
  136. background-color: #0E2C49;
  137. font-size: 10pt;
  138. color: #FFFFFF; 
  139. height: 25PX;
  140. font-weight: bold;
  141.   /* for IE */
  142.   filter:alpha(opacity=80);
  143.   /* CSS3 standard */
  144.   opacity:0.8;
  145. }
  146.  
  147. #content {
  148. border: 1px;
  149. border-style: solid;
  150. border-color: #0E2C49;
  151. width: 100%;
  152. height: 100%
  153. empty-cells: show;
  154. border-spacing: 0px;
  155. background-color: #FFFFFF;
  156. } 
  157.  
  158. #contentkop {
  159. margin-top: 10px;
  160. margin-left: 10px;
  161. margin-right: 10px;
  162. font-weight: bolder;
  163. border: 0px;
  164. }
  165.  
  166. #contenttekst {
  167. margin-top: 10px;
  168. margin-left: 10px;
  169. margin-right: 10px;
  170. border: 0px;
  171. }
  172.  
  173. #submenukop-tekst { 
  174. margin-left: 5px;
  175. color: #FFFFFF;
  176. font-size: 10pt;
  177. font-style: italic;
  178. }
  179.  
  180. #submenu-volg-tekst {
  181. margin-left: 5px;
  182. margin-top: 5px;
  183. color: #0E2C49;
  184. font-size: 11pt;
  185. }	
  186.  
  187. #submenu-volg-tekst a {
  188. color: #0E2C49;
  189. text-decoration: none;
  190. }
  191.  
  192. #submenu-volg-tekst2 {
  193. margin-left: 5px;
  194. margin-top: 3px;
  195. color: #000000;
  196. font-size: 9pt;
  197. }	
  198.  
  199. #submenu-volg-tekst3 {
  200. margin-left: 5px;
  201. margin-right: 5px;
  202. margin-top: 3px;
  203. color: #000000;
  204. font-size: 10pt;
  205. font-style: italic;
  206. }	
  207.  
  208. #submenu-volg-recommend {
  209. color: #000000;
  210. font-size: 10pt;
  211. font-style: italic;
  212. border: 0px;
  213. }
Offline larssy1 - 09/04/2010 10:52 (laatste wijziging 09/04/2010 10:56)
Avatar van larssy1 MySQL beginner gebruik plaatscode.be voor zulke lange scripts =) bedankt
--------
#1 Ik zie geen problemen
#2 Je hebt 2x een overflow in je container
css code - Bekijk de code zonder highlighting - Klap code in 
  1. overflow: auto; 
  2. overflow: hidden;
Offline Speznaz - 09/04/2010 11:11
Avatar van Speznaz Nieuw lid Als ik er 1 zet doet hij het nog niet ;/
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.237s