login  Naam:   Wachtwoord: 
Registreer je!
 Forum

IE, divs en dubbele margin?

Offline Thomas - 05/09/2006 16:20 (laatste wijziging 05/09/2006 16:23)
Avatar van ThomasModerator Waarom werkt dit niet in IE?

Ik krijg een dubbele margin aan het begin van elke rij?!

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <!DOCTYPE html
  2. 	PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  3. 	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html>
  5. <head>
  6. <title></title>
  7. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  8. <style type="text/css">
  9. body, div
  10. {
  11. 	border: 0;
  12. 	margin: 0;
  13. 	padding: 0;
  14. }
  15.  
  16. .container
  17. {
  18. 	height: 530px;
  19. 	width: 660px;
  20. }
  21.  
  22. .block
  23. {
  24. 	float: left;
  25. 	height: 150px;
  26. 	width: 200px;
  27. 	background-color: #cc00cc;
  28. 	margin-left: 20px;
  29. }
  30.  
  31. .goot
  32. {
  33. 	width: 660px;
  34. 	height: 20px;
  35. 	clear: both; /* ik zou hier ook float: left kunnen gebruiken */
  36. }
  37. </style>
  38. </head>
  39.  
  40. <body>
  41. <div class="container">
  42. 	<div class="goot"><!-- no content --></div>
  43.  
  44. 	<div class="block"><!-- no content --></div>
  45. 	<div class="block"><!-- no content --></div>
  46. 	<div class="block"><!-- no content --></div>
  47.  
  48. 	<div class="goot"><!-- no content --></div>
  49.  
  50. 	<div class="block"><!-- no content --></div>
  51. 	<div class="block"><!-- no content --></div>
  52. 	<div class="block"><!-- no content --></div>
  53.  
  54. 	<div class="goot"><!-- no content --></div>
  55.  
  56. 	<div class="block"><!-- no content --></div>
  57. 	<div class="block"><!-- no content --></div>
  58. 	<div class="block"><!-- no content --></div>
  59.  
  60. 	<div class="goot"><!-- no content --></div>
  61. </div>
  62. </body>
  63. </html>


Sorry, Google power.

Oplossing: display: inline toevoegen.

1 antwoord

Gesponsorde links
Offline Soebam - 05/09/2006 16:24
Avatar van Soebam HTML ver gevorderde
php code - Bekijk de code zonder highlighting - Klap code in 
  1. .block
  2. {
  3.   float: right;
  4.   height: 150px;
  5.   width: 200px;
  6.   background-color: #cc00cc;
  7.   margin-left: 20px;
  8. }
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.189s