Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [css][html] Odstępy pionowe w IE
Forum PHP.pl > Forum > Przedszkole
poxrimex
  1. <div class="site">
  2.  
  3. <div style="float: left; color: #ffa800; font-weight: bold; font-family: Verdana, Helvetica, Verdana, sans-serif; font-size: 12px; overflow: hidden;"> <!--Kolumna-->
  4. <div style="border-color: black; border-width: 2px; border-style: solid; width: 190px; max-height: 120px; margin-bottom: 0px; padding: 0px; margin-bottom: 0px;"> <!--Panel-->
  5. <div style="text-align: center; height: 17px; color: white; background-color: black; font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, Verdana, sans-serif; margin-bottom: 0px;">Logowanie</div>
  6. <form action="zaloguj.php" method="post" style="display: inline">
  7. <div style="height: 24px;">Login<input type="text" name="login" style="width: 125px; margin-left: 5px;"/></div>
  8. <div style="height: 24px;">Hasło<input type="password" name="haslo" style="width: 125px; margin-left: 5px;"/></div>
  9. <input type="image" src="images/zaloguj.gif" alt="zarejestruj" style="width: 180px; height: 25px; margin-top: 5px;" />
  10. </form>
  11. </div> <!-- Koniec Paneli-->
  12.  
  13. </div> <!-- Koniec Kolumny-->
  14.  
  15. <div style="float: left; margin-left: 15px; width: 570px; text-align: left;">
  16. <a href="rejestracja.html"><img src="abc.gif" style="width: 570px; height: 203px; border: none;"></a>
  17.  
  18. </div>
  19. </div>


Problem polega na tym, że tam w tym divie gdzie jest  LOGOWANIE, a pod tym
div gdzie jest input to tylko w IE odstęp w pionie pomiędzy logowanie a input wynosi 1px ;/

W operze i mozilli tego nie ma
goozer
Nie zebym sie czepial ale opisales juz ten problem w jednym temacie, gdzie na dodatek ci juz odpowiedzialem.
http://forum.php.pl/csshtml_Ie_nie_interpr...top_t88847.html

G
poxrimex
tak tylko tam się tyczyło formularza, a tutaj nie wiem jak zrobić jak jest już inny div
goozer
Jak dla mnie to one sie nie roznia wiec jak w tym nowym tuz przed slowem logowanie zmienisz margin-bottom:0px na 2px to bedziesz mial tak samo w obu przegladarkach.
( w sumie to nie jest jednak rozwiazanie, bo odleglosc bedzie inna, ale przynajmniej nie widac tego tak bardzo)

G
poxrimex
i tutaj się zaczyna problem bo Ie to interpretuje jako 3px sadsmiley02.gif

nie wiem dlaczego takie cuda są w IE.

Niby 1 px;
ale w połączeniu z obrazkiem obok potrafi trochę zeszpecić ;/

nadal nikt nie zna odpowiedzi ;/
wlamywacz
Zrób dla IE wyjątek -1px i gotowe
poxrimex
wolałbym nie robić wyjątków, jestem pewien, że istnieje rozwiązanie dla wszystkich przeglądarek, więc czekam na odpowiedz blinksmiley.gif

nadal to mi nie działa należycie sadsmiley02.gif

niestety nadal nie działa sadsmiley02.gif
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.