Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: pixel pixelowi nie równy IE/FF
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
php programmer
Witam.
Mam problem róznica w odległości między poszczeólnymi inputami
jest inna w FF i IE

  1. .myinput{
  2. margin-left:180px;
  3. margin-top: 19px;
  4. border:1px solid silver;
  5. padding: 0px;
  6. margin-bottom:0px;
  7. height:18px;
  8. display: block;
  9. }
  10.  
  11.  
  12. <div style="height:340px;width:790px;border:1px solid white" align="left">
  13.  
  14. <input type="text" name="snick" id="snick" size="32" value="{snick}" maxlength="100" class="myinput" style="margin-top:56px" >
  15. <input type="text" name="sfirstname" id="sfirstname" size="32" value="{sfirstname}" maxlength="100" class="myinput" >
  16. <input type="text" name="slastname" id="slastname" size="32" value="{slastname}" maxlength="100" class="myinput" >
  17. <input type="text" name="spesel" id="spesel" size="32" value="{spesel}" maxlength="100" class="myinput" >
  18. <input type="text" name="sstreet" id="sstreet" size="32" value="{sstreet}" maxlength="100" class="myinput" >
  19. <input type="text" name="spostal" id="spostal" size="32" value="{spostal}" maxlength="100" class="myinput" >
  20. <input type="text" name="scity" id="scity" size="32" value="{scity}" maxlength="100" class="myinput" >
  21.  
  22. </div>
grzesiek_g
IE6 potrafi podwajać marginesy, aby temu zaradzić stwórz style tylko dla IE6, dodasz je w taki sposób (za dołączeniem głównego css-a):
  1. <!--[if lt IE 7]>
  2. <link rel="stylesheet" type="text/css" href="site_ie6.css" />
  3. <![endif]-->

I w pliku CSS tylko dla IE6 wypiszesz tylko style które mają być nadpisane.
gekon
A jaki DOCTYPE wstawiasz?
mokry
Nie jestem pewien, ale powinno zadziałać z float i display.

  1. .myinput{
  2. margin-left:180px;
  3. margin-top: 19px;
  4. border:1px solid silver;
  5. padding: 0px;
  6. margin-bottom:0px;
  7. height:18px;
  8.  
  9. display: inline;
  10. float:left;
  11. width: xxxpx;
  12.  
  13. }
  14.  
php programmer
float:left;
rozwiązuje problem
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.