login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Fixed position werkt niet (Opgelost)

Offline kaspar - 22/08/2010 14:51 (laatste wijziging 22/08/2010 15:10)
Avatar van kasparNieuw lid Hallo allemaal, ik gebruik volgend css-bestand:

css code - Bekijk de code zonder highlighting - Klap code in 
  1. html
  2. 	{
  3. 	border-width: 0px;
  4. 	}
  5.  
  6. body
  7. 	{
  8. 	margin: 0px;
  9. 	padding: 0px;
  10. 	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  11. 	font-size: 11px;
  12. 	font-weight: normal;
  13. 	background-color: #dd2222;
  14. 	color: #ffffff;
  15. 	}
  16.  
  17. div#fixed
  18. 	{
  19. 	position: fixed;
  20. 	}
  21.  
  22. img#header {
  23. 	height: 200px;
  24. 	width: 100%;
  25. 	top: 0px;
  26. 	left: 0px;
  27. 	}
  28.  
  29. div#menu
  30. 	{
  31. 	position: fixed;
  32. 	top: 230px;
  33. 	left: 0px;
  34. 	width: 100%;
  35. 	height: 15px;
  36. 	background-color: #eeeeee;
  37. 	text-align: center;
  38. 	}
  39.  
  40. div#menu a { 
  41. 	text-decoration: none;
  42. 	width: 100px;
  43. 	}
  44. div#menu a:link {
  45. 	color: #dd2222;
  46. 	}
  47. div#menu a:hover {
  48. 	color: #ff0000;
  49. 	font-weight: 900;
  50. 	}
  51. div#menu a:visited {
  52. 	color: #dd2222;
  53. 	}
  54. div#menu a:active {
  55. 	color: #ff0000
  56. 	}
  57.  
  58. table#grand_table
  59. 	{
  60. 	position: fixed;
  61. 	top: 200px;
  62. 	left: 0px;
  63. 	width:100%;
  64. 	height: 30px;
  65. 	background-color: #aa3333;
  66. 	}
  67.  
  68. table#grand_table2
  69. 	{
  70. 	position: absolute;
  71. 	top: 260px;
  72. 	left: 5%;
  73. 	width:90%;
  74. 	background-color: #aa3333;
  75. 	font-size: 11px;
  76. 	}
  77.  
  78. tr#header
  79. 	{
  80. 	font-weight: bold;
  81. 	font-size: 15px;
  82. 	}
  83.  
  84. td	{
  85. 	border-width: 1px 0px 0px 0px;
  86. 	vertical-align: top;
  87. 	padding: 10px;
  88. 	}
  89.  
  90. td#n
  91. 	{
  92. 	width: 15%;
  93. 	}
  94. td#b
  95. 	{
  96. 	width: 45%;
  97. 	text-align: justify;
  98. 	}
  99. td#a
  100. 	{
  101. 	width: 25%;
  102. 	}
  103. td#p
  104. 	{
  105. 	width: 5%;
  106. 	}
  107.  
  108. p, div, span { 
  109. 	font-size: 11px;
  110. }
  111.  
  112. a,
  113. a:link,
  114. a:visited,
  115. a:active,
  116. a:hover
  117. 	{
  118. 	text-decoration: underline;
  119. 	color: #ffffff;
  120. 	}
  121.  
  122. a:hover
  123. 	{
  124. 	color: #55ff55;
  125. 	}


en de volgende html/php-code:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <html>
  2. 	<head>
  3. 		<title>Knome Electronics</title>
  4. 		<link rel="stylesheet" href="css/style.css" type="text/css">
  5. 	</head>
  6. 	<body>
  7. 		<div id="fixed"><img src="img/header.gif" id="header"></div>
  8. 		<table id="grand_table">
  9. 			<tr><td style="text-align: right"><a href="admin.php" target="_blank">admin</a></td></tr>
  10. 		</table>
  11. 		<?php
  12. 		include("menu.php");
  13. 		echo '<table id="grand_table2">';
  14. 		echo '<tr id="header"><td id="n">Naam</td><td id="b">Beschrijving</td><td id="a">Afbeelding</td><td id="p">Prijs</td></tr>';
  15. 		$db 	= mysql_connect("xxx","xxx", "xxx");  
  16. 		mysql_select_db("xxx",$db) or die ("Kan niet verbinden.");  
  17.  
  18. 		$sql 	= "SELECT * FROM `artikel`";
  19. 		$result = mysql_query($sql);
  20. 		$rows	= mysql_num_rows($result);
  21. 		while ($row = mysql_fetch_array($result)) {
  22. 			echo '<tr>';
  23. 				echo '<td id="n">';
  24. 					echo $row["naam"];
  25. 				echo '</td><td id="b">';
  26. 					echo $row["beschrijving"];
  27. 				If (file_exists($row["afbeelding"]))	{
  28. 				echo '</td><td id="a"><img src="';
  29. 					echo $row["afbeelding"];
  30. 				echo '"></td><td id="p">';
  31. 				} else {
  32. 				echo '</td><td id="a">geen afbeelding</td><td id="p">';
  33. 				}
  34. 					echo $row["prijs"];
  35. 				echo '</td>';
  36. 			echo '</tr>';
  37. 		}
  38. 		?>
  39. 		</table>
  40. 	</body>
  41. </html>



Alles uit de code werkt, ik heb het css-bestand gecontroleerd met de W3C CSS Validator, 0 fouten, en toch werkt die fixed position bij div#fixed en div#menu niet... Het index.php-bestand is trouwens te zien op electronics.knome.nl.

Waarom werkt het niet??

Alvast bedankt.








EDIT: haha,  , vergeten dat fixed in IE6, de browser die ik gebruik, niet werkt XD

0 antwoorden

Gesponsorde links
Er zijn nog geen reacties op dit bericht.
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.284s