login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Ruimte tussen divs in IE

Offline advmedia - 09/01/2009 15:38
Avatar van advmediaNieuw lid Ik weet het, het is een vrij standaard vraag aan het worden. Maar ik heb na meer dan een half uur geneus op het internet/webmasters forum nog een werkende oplossing gevonden

tussen "header_container" en "border" zit in IE ruimte en in FF niet, zoals je ziet heb ik margin, padding, position, top.. alles geprobeerd wat ik aan oplossingen heb gelezen.. nothing

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="header_container">
  2.     	<div id="header_left">
  3.         <img src="images/header_left.jpg" border="0">
  4.         </div>
  5.         <div id="header">
  6.         <img src="images/header.jpg" border="0">
  7.         </div>
  8.         <div id="header_right">
  9.         <img src="images/header_right.jpg" border="0">
  10.         </div>
  11.     </div>
  12.     <div id="border">
  13.     	<img src="images/border.jpg" border="0">
  14.     </div>


CSS:
css code - Bekijk de code zonder highlighting - Klap code in 
  1. #header_container	{
  2. 	width: auto;
  3. 	height: 239px;
  4. 	padding: 0px;
  5. 	margin: 0px;
  6. 	position: relative;
  7. 	top: 0px;
  8. }
  9.  
  10. #header_left	{
  11. 	width: 194px;
  12. 	height: 239px;
  13. 	float: left;
  14. 	margin: 0px;
  15. 	padding: 0px;
  16. }
  17.  
  18. #header	{
  19. 	width: 284px;
  20. 	height: 239px;
  21. 	float: left;
  22. 	margin: 0px;
  23. 	padding: 0px;
  24. }
  25.  
  26. #header_right	{
  27. 	width: 241px;
  28. 	height: 239px;
  29. 	margin: 0px;
  30. 	float: left;
  31. 	padding: 0px;
  32. }
  33.  
  34. #border	{
  35. 	margin: 0px;
  36. 	padding: 0px;
  37. 	width: 719px;
  38. 	height: 12px;
  39. 	position: relative;
  40. 	top: 0px;
  41. }

4 antwoorden

Gesponsorde links
Offline Ontani - 09/01/2009 15:40
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 doe eens overal font-size: 1px;
Offline advmedia - 09/01/2009 15:46
Avatar van advmedia Nieuw lid  

dankje 

Nu ben ik heel erg benieuwd.. waarom? 
Offline Threetimes - 09/01/2009 17:27
Avatar van Threetimes PHP beginner IE doet wel vaker raar. Als iets nodig is voor IE raad ik je aan om (tenzij Google het weet, en je tijd over hebt) er niet over na te denken. Als ik dat wel zou doen zou ik hier niet meer zijn.
Offline Ontani - 10/01/2009 03:38
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 default zet IE alle spaties of lege ruimtes op een font-size van 12px; wat er op neer komt dat elke lege div minimum een ruimte van 12px inneemt, ookal specifier je een kleinere hoogte in je CSS.

met font-size: 1px; overkom je dit probleem en wordt je hoogte vannuit je css wel goed toegepast.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.196s