Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS] IE oraz jego babole - img width/heigh relative, jedno lub drugie się sypie
shpaque
post 29.08.2013, 04:55:24
Post #1





Grupa: Zarejestrowani
Postów: 651
Pomógł: 3
Dołączył: 31.01.2011
Skąd: Warszawa

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


Witam serdecznie z rana!

Ostatnio napotkałem taki problem - tworząc tabelę w php z pobraniem rekordów z bazy lokalnej (plików i katalogów) jest pewna opcja, że wyświetla mi miniaturę zdjęcia - żeby zdjęcie nie było rozbebeszone, a tabelka o jednakowej wysokości wiersza dałem
  1. <img height="70px" width="relative">


tyle że oczywiście INTERNET EXPLORER jako jedyna przeglądarka źle czyta taką opcję bo o ile height jest rzeczywiście 70, tak relatywny width ma może 1 piksel szerokości... Jest na to sposób?
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 7)
gitbejbe
post 29.08.2013, 06:22:35
Post #2





Grupa: Zarejestrowani
Postów: 516
Pomógł: 63
Dołączył: 27.08.2012

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


czekaj czekaj... Miniatura ma mieć 70/70px ? jeśli tak to width też 70px zamiast relative : | Nie do końca Cię rozumiem Twój problem
Cytat
żeby zdjęcie nie było rozbebeszone, a tabelka o jednakowej wysokości wiersza dałem


no to wysokość masz taką jaką chciałeś, a jeśli chesz mieć stałą szerokość to zamiast relative dajesz px.
Go to the top of the page
+Quote Post
shpaque
post 29.08.2013, 06:40:04
Post #3





Grupa: Zarejestrowani
Postów: 651
Pomógł: 3
Dołączył: 31.01.2011
Skąd: Warszawa

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


nie, miniatura ma mieć wysokość 70 px, a szerokość odpowiednio przeskalowaną (czyli dla przykładu zdjęcie mam 700x500px to w okienku miniatury na wszystkich przeglądarkach pokaże się jako 70x50, a w IE 70x1
Go to the top of the page
+Quote Post
fate
post 29.08.2013, 08:19:56
Post #4





Grupa: Zarejestrowani
Postów: 824
Pomógł: 106
Dołączył: 14.03.2012
Skąd: Warszawa

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


a jak wogole nie wpiszesz width to rozciagnie czy przeskaluje?


--------------------
Go to the top of the page
+Quote Post
shpaque
post 29.08.2013, 08:32:49
Post #5





Grupa: Zarejestrowani
Postów: 651
Pomógł: 3
Dołączył: 31.01.2011
Skąd: Warszawa

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


fate no geniusz! po prostu geniusz smile.gif błędy Internet Explorera są po prostu niesłychane smile.gif

Nie wpadłem na tak oczywiste rozwiązanie - a najlepsze wink.gif
Go to the top of the page
+Quote Post
ziqzaq
post 29.08.2013, 08:34:57
Post #6





Grupa: Zarejestrowani
Postów: 428
Pomógł: 128
Dołączył: 17.06.2007

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


Skąd wartość "relative" w atrybucie "width" obrazka? Pierwszy raz się z tym spotykam.
Cytat
In HTML 4.01, the width could be defined in pixels or in % of the containing element. In HTML5, the value must be in pixels.
Go to the top of the page
+Quote Post
shpaque
post 29.08.2013, 08:42:46
Post #7





Grupa: Zarejestrowani
Postów: 651
Pomógł: 3
Dołączył: 31.01.2011
Skąd: Warszawa

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


ja z kolei nauczyłem się tego przez podgląd kodów - zdarzyło się, że w kilku widziałem takie zastosowanie (co dla mnie jest logiczne) - więc z automatu i u mnie weszło to w krew, co się nierzadko zdarza - błędnie, ponieważ jak na załączonym obrazku widać im prostsze rozwiązania, tym lepsze (chociaż np tak na marginesie w IE jest tak, że jesli nie napiszesz "border=0" to wywali ci ramkę na wszystkim co się da - inne przeglądarki muszą mieć wpis - żeby go wykonać - w IE jest tak, że jesli wpisu nie ma / ustawienia - przeglądarka uważa ze opcja jest: "on" ...
Go to the top of the page
+Quote Post
ziqzaq
post 29.08.2013, 08:54:08
Post #8





Grupa: Zarejestrowani
Postów: 428
Pomógł: 128
Dołączył: 17.06.2007

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


W sumie wyglądało by na to, że inne przeglądarki ignorują błędny atrybut width, a IE próbuje skonwertować ciąg znaków na px i wychodzi z tego kupa.
O bugach IE można by książki pisać, znam ten ból smile.gif
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: 24.07.2025 - 16:05