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

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


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
- ein   rozciaganie w IE   27.11.2006, 00:28:36
- - kamiseq   1)[HTML] pobierz, plaintext <div id="malo_...   28.11.2006, 12:29:41
- - Zajec   Prawidłowe absolutne pozycjonowanie elementów wzgl...   28.11.2006, 12:40:26
- - ein   cholera jasna, niestety nie udalo sie, mialam jaki...   28.11.2006, 20:54:59

« Następny starszy · CSS · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 10.10.2025 - 10:03
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn