Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: rozciaganie w IE
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
ein
27.11.2006, 00:28:36
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!
kamiseq
28.11.2006, 12:29:41
1)
[HTML] pobierz, plaintext 
  1. <div id="malo_informacji">
  2.    <div id="duzo_informacji">   sdfsdffsd</d>
  3. </d>
[HTML] pobierz, plaintext

3)no i teraz juz z gorki
4)style, zadne position, poprostu float:left/right + display:inline + margin + width i powinno byc
Zajec
28.11.2006, 12:40:26
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
ein
28.11.2006, 20:54:59
cholera jasna, niestety nie udalo sie, mialam jakies straszne zacmienie i osignelam nie to co chcialam. da sie ale niestety in musial byc absolute
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.