Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [html][css] Wyskakujący div
Zwariowany
post 7.02.2010, 20:39:25
Post #1





Grupa: Zarejestrowani
Postów: 201
Pomógł: 0
Dołączył: 6.01.2009

Ostrzeżenie: (20%)
X----


Witam. Z divem, w którym to jest treść ABC, mam taki problem, że wyświetla się on poprawnie wszędzie oprócz IE, a ta niepoprawność wynika, że "wyrzuca" go bardzo na prawo z diva tego, który ma 800px. Czy jest na to jakaś rada?

  1.  
  2. <div style="width: 800px; margin-left: auto; margin-right: auto;">
  3.  
  4. <div style="display: none; clear: both; margin-left: 54px; width: 500px; position: absolute;">ABC</div>
  5.  
  6. </div>
  7.  




--------------------
Go to the top of the page
+Quote Post
MateuszS
post 7.02.2010, 20:54:41
Post #2





Grupa: Zarejestrowani
Postów: 1 429
Pomógł: 195
Dołączył: 6.10.2008
Skąd: Kraków/Tomaszów Lubelski

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


a potrzebujesz tego position absolute? Jezeli ma zostac to okresl jego polozenie (top, left, bottom, right)


--------------------
O! Zimniok :P
Go to the top of the page
+Quote Post
Zwariowany
post 7.02.2010, 21:22:38
Post #3





Grupa: Zarejestrowani
Postów: 201
Pomógł: 0
Dołączył: 6.01.2009

Ostrzeżenie: (20%)
X----


Ma zostać, bo to jest taki popup, ale za pomocą jakich atrybutów określić jego położenie? 


--------------------
Go to the top of the page
+Quote Post
MateuszS
post 7.02.2010, 21:30:34
Post #4





Grupa: Zarejestrowani
Postów: 1 429
Pomógł: 195
Dołączył: 6.10.2008
Skąd: Kraków/Tomaszów Lubelski

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


Wartości sobie pozmieniaj, podałem jako przykład
  1. <div style="display: none; clear: both; margin-left: 54px; width: 500px; position: absolute; top: 20px; left: 30px;">ABC</div>


--------------------
O! Zimniok :P
Go to the top of the page
+Quote Post
Zwariowany
post 7.02.2010, 21:35:51
Post #5





Grupa: Zarejestrowani
Postów: 201
Pomógł: 0
Dołączył: 6.01.2009

Ostrzeżenie: (20%)
X----


Niestety, to nie zadziałało ;/


--------------------
Go to the top of the page
+Quote Post
Blame
post 7.02.2010, 21:47:12
Post #6





Grupa: Zarejestrowani
Postów: 678
Pomógł: 124
Dołączył: 26.09.2009

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


To wygląda na problem z podwajaniem marginesów w IE. Są dwie rady:
1. Ustaw blokowi z marginesem display:inline albo,
2. Ustaw blokowi oddzielny margines dla starszych IE za pomocą * czyli "* margin-left:10px;" <- przykład.

Ten post edytował Blame 7.02.2010, 21:47:29


--------------------
Go to the top of the page
+Quote Post
Zwariowany
post 7.02.2010, 21:58:15
Post #7





Grupa: Zarejestrowani
Postów: 201
Pomógł: 0
Dołączył: 6.01.2009

Ostrzeżenie: (20%)
X----


to nie zadziałało. NIe jest to raczej problem podwójnych marginesów. Wygląda na to, że IE w ogóle nie bierze pod uwagę, że ten div znajduje się w innym divie (tym, który ma 500px)


--------------------
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 13.07.2025 - 02:19