login  Naam:   Wachtwoord: 
Registreer je!
 Forum

box model probleem (Opgelost)

Offline demich - 15/11/2007 10:08
Avatar van demichNieuw lid Eerst de code :

html code - Bekijk de code zonder highlighting - Klap code in 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

  2. <html>

  3.  
  4.     <head>

  5.  
  6.         <title></title>

  7.  
  8.         <style type="text/css" media="all">

  9.  
  10.             #rood {

  11.                 border: 1px solid #000000;

  12. 				background-color: #FF0000;

  13. 				position:absolute;

  14. 				left:20px;

  15. 				top:30px;

  16.                 color: #FFFFFF;

  17.                 width:   100px;

  18. 				height:50px;

  19.             }

  20.             #zwart {

  21. 		        border:10px solid #000000;

  22. 				position:absolute;

  23. 				top:80px;

  24. 				left:20px;

  25. 			    width:   100px;

  26. 				_width: 80px;

  27. 				height:50px;

  28.             }

  29.  
  30.         </style>

  31.  
  32.     </head>

  33.  
  34.     <body>

  35.  
  36.         <div id="rood">rood</div>

  37.         <div id="zwart">zwart</div>

  38.  
  39.     </body>

  40.  
  41. </html>


Wat ik wil proberen:
Eerst een rode rechthoek, met daaronder een witte rechthoek met zwarte rand van 10px.
De rechthoeken moeten alletwee even breed zijn : 100px.

In IE werkt deze code, maar in Firefox is de breedte van het wit-zwarte rechthoekje groter dan die van het rode rechthoekje.

Weet iemand hoe dit komt en hoe ik dit kan verhelpen ?

4 antwoorden

Gesponsorde links
Offline zointer - 15/11/2007 11:58
Avatar van zointer HTML gevorderde http://www.giga...model-hack/
http://www.tant...lhack.html

complete lijst Css hacks
Offline demich - 15/11/2007 13:09
Avatar van demich Nieuw lid Die 2 sites heb ik al bekeken en toegepast, maar die helpten niet.  

Kan er iemand mij gewoon de juiste code geven ?
Offline vinTage - 15/11/2007 13:21 (laatste wijziging 15/11/2007 13:22)
Avatar van vinTage Nieuw lid Door je gare doctype knal IE in quirks mode, zet de volgende en het lijkt al verdacht veel op elkaar (in IE7 en FF toch):
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">



@crew, ik vind die benaming voor de html optie in de code dropdown maar naadje, wat als ik xhtml 1 of 1.1 ofzo wil 
Offline demich - 15/11/2007 13:28
Avatar van demich Nieuw lid Dankuwel !

Opgelost dus 
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.184s