login  Naam:   Wachtwoord: 
Registreer je!
 Forum

margin in IE7 (Opgelost)

Offline san - 09/12/2010 21:40
Avatar van sanHTML interesse Ik heb wat problemen met de margin-left in IE7. Het gaat om de margin-left van deze div:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div style="width: 818px; height: 504px; margin-left: 160px; border: solid 1px #ff0000; position: absolute"></div>



In IE7 rekent hij de margin pas vanaf de sitebar, daarom schuift deze div in IE7 teveel naar rechts. Hoe zou ik dit op kunnen lossen?
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <body class="twoColFixLtHdr">
  2.  
  3.  
  4. <div id="container"> 
  5.  
  6.   <div id="header">
  7.       <img src="plaatje1.png" width="500" height="90" alt="" style="margin-top: 10px">
  8.   </div>
  9.  
  10. <div id="sidebar">
  11.   <a id="menu1" href="x"></a>
  12.   <br><a id="menu2" href="x"></a>
  13.   <br><a id="menu3" href="x"></a>
  14.   <br><a id="menu4" href="x"></a>
  15.    <br><a id="menu5" hrefx"></a>
  16. </div>
  17.  
  18. <div style="width: 818px; height: 504px; margin-left: 160px; border: solid 1px #ff0000; position: absolute"></div>
  19.  
  20. <div id="mainContent"> 
  21.   <div style="height: 37px; width: 350px; margin-bottom: 20px;"> 
  22.     <img src="plaatje2.png" height="37" width="350" alt="">
  23. </div> 
  24.  
  25.  
  26.      Bla bla bla<br> 
  27.  
  28.  <div style="margin-top: 70px; border: solid 2px black; height: 232px; width: 350px; float: left;"> 
  29.   <img src="image/foto1.jpg" height="232" width="350" alt=""> 
  30.   </div> 
  31.   <div style="margin-top: 70px; border: solid 2px black; height: 232px; width: 350px; float: left; margin-left: 10px; "> 
  32.   <img src="image/foto2.jpg" height="232" width="350" alt="">
  33.   </div> 
  34. </div>  
  35.  
  36.  
  37.   </div> 
  38.  
  39.  
  40.    </body>

1 antwoord

Gesponsorde links
Offline Kevin - 09/12/2010 22:04 (laatste wijziging 09/12/2010 22:04)
Avatar van Kevin Crew Ajax/REST Als je kiest voor een "position: absolute", werk dan met je positie attributen "left,top,bottom,right" en als je werkt met een "relative" ga dan voor margins.
Bedankt door: san
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.212s