Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> rozciaganie w IE, bug IE
ein
post
Post #1





Grupa: Zarejestrowani
Postów: 24
Pomógł: 0
Dołączył: 15.03.2005

Ostrzeżenie: (0%)
-----


witam,

szukałam rozwiazania mojego problemu ale niestety nie udalo sie go znalezc.

otoz chodzi mi o problem z pozycjonowaniem w IE.

chcialabym zeby div.in rozciagal sie wzgledem div.main i w FF i Operze to dziala. niestety probowalam na wiele sposobow ale niestety w IE nie dziala. chodzi mi o to ze niezaleznie jak zmieni sie wysowkosc div.main zeby div.in zawsze sie dociagal do konca

  1. body
  2. {
  3. text-align: center;
  4. background-color: yellow;
  5. }
  6. .in {
  7. position: absolute;
  8. left: 10px;
  9. right: 10px;
  10. top: 10px;
  11. bottom: 10px;
  12. background-color: blue;
  13. -moz-opacity : 0.1;
  14. opacity : 0.1;
  15. filter : alpha(opacity=10);
  16.  
  17. }
  18. .main
  19. {
  20. margin: 0 auto;
  21. text-align: center;
  22. border: 1px solid red;
  23. width: 400px;
  24. height: 400px;
  25. position: relative;
  26. }
  27.  
  28. </head>
  29. <div class="main">
  30. <div class="in">
  31. cos cos
  32. </div>
  33. </div>
  34. </body>
  35. </html>


wiecie moze co z tym zrobic?
pozdrowienia!

Ten post edytował ein 27.11.2006, 00:53:50
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
Zajec
post
Post #2





Grupa: Zarejestrowani
Postów: 1 086
Pomógł: 8
Dołączył: 10.12.2003

Ostrzeżenie: (0%)
-----


Prawidłowe absolutne pozycjonowanie elementów względem elementu zawierającego działa dopiero w IE7. Jeśli więc zrobisz z tego przykładu normalną stronę - czyli dodasz w pierwszej linijce DOCTYPE - przykład zadziała w IE7*.

Jeśli chcesz też takie coś uzyskać pod IE6, spróbuj do głównego kontenera dodać paddingi po 10px, a swojemu .in zamiast top i bottom dać height: 100%;


* Poza filter opacity, które w IE7 usunięto


@kamiseq a Ty wiesz przypadkiem o czym w ogóle piszesz? Bo mi się nie udało wpaść na twoją drogę rozumowania.

Poprawka:

Z tym paddingiem nie jest tak łatwo jednak. Musisz pokombinować inaczej - może jakiś dodatkowy div, albo marginesy na main.

To co udało mi się uzyskać: http://zajec.net/test/ein

Ten post edytował Zajec 28.11.2006, 12:34:53
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 10.10.2025 - 10:03