Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [CSS] DIV width interpretacja FF vs. IE
zaaap
post
Post #1





Grupa: Zarejestrowani
Postów: 106
Pomógł: 0
Dołączył: 13.11.2008

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

Witam,
Mam DIVa z pozycja absolute (jako, ze chce aby znajdowal sie on bezposrednio nad innym divem) i dałem mu width: 100%. Na IE 100% znaczy sto procent szerokosci DIVa ktory go ogranicza (tak jak chce, aby to wygladalo), natomiast FF interpretuje to jako: sto procent szerokosci poprzedniego diva z pozycją absolute (akurat poprzedni jest prawie na cała strone, wiec nie bardzo mi to pasuje).

I teraz pomyslalem, ze zastosuje
[HTML] pobierz, plaintext 
  1. <!--[if IE]>
  2.     <link href="css/style-ie.css" rel="stylesheet" type="text/css" />      
  3. <![endif]-->
[HTML] pobierz, plaintext

(wrzucony po normalnym style.css w kolejnosci wczytywania i zawiera jedynie opis ów problematycznego diva. Skoro FF tak chce pogrywac to jemu dalem width: 50%, a dla IE dalem 100%).
Jednaki nie chce mi to działać pod IE, czyt. jakby wcale nie załadowalo tego CSSa.
Prosze o porade jak to złozyc do kupy
Go to the top of the page
+Quote Post
SirZooro
post
Post #2





Grupa: Zarejestrowani
Postów: 243
Pomógł: 32
Dołączył: 14.06.2007

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

Kod wydaje się być poprawny. Wstaw ten arkusz żeby zawsze się ładował (bez tej instrukcji warunkowej) i sprawdź czy wtedy wszystko działa. Jeżeli też nie będzie działać, to błąd jest gdzie indziej.
Go to the top of the page
+Quote Post
hiszpanespaniol
post
Post #3





Grupa: Zarejestrowani
Postów: 213
Pomógł: 39
Dołączył: 7.04.2008
Skąd: 3city

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

dodaj position: relative do div'a którym chcesz mierzyć rozpiętość tego co ma absolute i po sprawie (czyli do tego który obejmuje ten z absolute). dla elementów pozycjonowanych absolutnie istnieją tylko inne elementy pozycjonowane.

Chociaż hacki css nie są zalecane, to jednak puki co są niezawodne. Jeżeli warunek dla ie Ci nie zadziałał, to na pewno zadziała takie coś zaserwowane w takiej kolejności:

[HTML] pobierz, plaintext 
  1. .klasa { //to dla wszystkich przeglądarek
  2. position: absolute;
  3. width: 100%;
  4. }
  5.  
  6. * html .klasa { // to dla ie6-
  7. position: absolute;
  8. width: 50%;
  9. }
  10.  
  11. *+html .klasa { // to dla ie7+
  12. position: absolute;
  13. width: 12%;
  14. }
[HTML] pobierz, plaintext


pamiętaj jednak, że hacki/if'y css'owe to ostateczność. W większości przypadków da się ich uniknąć i to zazwyczaj za pomocą usuwania reguł, a nie dopisywania.

pozdrawiam

Ten post edytował hiszpanespaniol 12.12.2008, 23:35:08
Go to the top of the page
+Quote Post
zaaap
post
Post #4





Grupa: Zarejestrowani
Postów: 106
Pomógł: 0
Dołączył: 13.11.2008

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

@hiszpan: wielkie dzieki. Twoje rady zawsze sa na poziomie (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif) Mała kombinacje z ustawieniem relative i wystarczyło.
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · 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: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

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

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