Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]Nieprawidłowe wyświetlanie w IE
Forum PHP.pl > Forum > Przedszkole
evolucja
Cóż tu dużo mówić.. Kiedyś trzabyło się zabrać za DIVy. No więc szybki delete tabelki i zabrałem się za ustawianie tych DIVów. Kilka godzin mi zeszło zanim wszystko poprawnie się poukładało i tym samym wyświetliło... Niestety potem otworzyłem IE i wielkie rozczarowanie. I tutaj zwracam się do was z prośbą o pokazanie błędu. Sam w życiu nie dojdę...

Opera/Chrome - na tych jest ok

http://evolucja.boo.pl/lay/
evolucja
Przecież podałem adres? smile.gif To jest narazie czysty HTML + akrusz stylów, więc nie wiem czego kod jeszcze potrzebujecie.

Pozdrawiam.
evolucja
Wolnego kolego smile.gif To nie ma dużo wspólnego z tym, który został wygenerowany. Praktycznie wszystko pozmieniałem... najpierw nie dało się wyśrodkować bo pozycja każdego elementu była absolutna więc pobawiłem się opcją 'float' dla każdego elementu. Po kilkudziesięcu minutach uzyskał imponujący efekt... pytam więc dlaczego IE sobie to źle wyświetla. Uważasz, że te kilka godzin które wpakowałem na zrozumienie chodź po części tego wszystkiego to lenistwo?
ShadowD
Wybacz, ale mam wrażenie że zamieniłeś wszystkie <td> na <div>... haha.gif

Nie tędy droga, bardzo dobrze, że zmieniasz swoje przyzwyczajenia tylko postaraj się jeszcze robić to z sensem.

Wersja by paint:
http://screenup.pl/?l=GCGDWS8

Czerwone div
Zielone a

I to nie jest najlepsze wyjście, ale na pewno wiele skuteczniejsze od Twojej wersji, dodatkowo trzymaj się standardów w xhtml 1.0 ie przełącza się na tryb zgodności i rozumie nieco więcej niż normalnie... haha.gif
(Być może na innych też, jednak nie sprawdzałem, a przejście z html tran. na xhtml strick daje zazwyczaj spore poprawki)
evolucja
Nie dam rady koledzy... nawet porządnego poradnika znaleźć nie umię. Jak na złość zawsze wtedy kiedy się czegoś szuka - nie można tego znaleźć.

Podzieliłem stronę na 3 sekcje, http://evolucja.boo.pl/lay/; odświeżcie sobie CSS... Nie chce gotowca, ale chociaż jakiś przykład kodu jak to pozycjonować. Obecnie to się cała strona rozjeżdza niezależnie od przeglądarki.
evolucja
Pozmieniałem trochę; już jest o wiele lepiej. Na IE są jednakże 3 małe przerwy które chciałbym wyeliminować bez tworzenia osobnego dodatkowego stylu..

@EDIT1
Muszę wrócić do tabel w takim razie, już 3 dzień straciłem na coś, na co planowałem maksymalnie kilka godzin. Stronę zaprojektuje w taki sposób, aby późniejsze przejście na DIVy nie było takie toporne. Obecnie poradziłem sobie poprzez zastosowanie dwóch stylów: dla IE i dla reszty, jednak widzę, że są tam jeszcze błędy...

Obecna wersja jest pod linkiem http://evolucja.boo.pl/lay/

Dla zainteresowanych, plik .zip zawierający zrzuty ekranów z 66 różnych przeglądarek i systemów. Wielkość 17mb, link do pobierania z pełną prędkością.
KLIK


Pozdrawiam.

@EDIT2
Cóż, pobawiłem się jeszcze raz i strona wyświetla się już poprawnie w 100% przeglądarek Win i 90% linuksowych. Zatem zostaje przy tej wersji, ewentualnie w późniejszym czasie poprawię to jeszcze. Obecna wersja w linku powyżej.


Mam jeszcze takie pytanie, co zrobić aby w miarę rozszerzania się DIVa main_, rozszerzały się też divy po bokach? Bo teraz aby tak się działo musiałbym dodawać <br> do tych divów...
pedro84
Mam dla Ciebie kolego kilka rad:
1. Poczytaj to

2. Kod, który jest widoczny to tzw. divmania. Div'ów trzeba używać mądrze, bez przesady. Dlaczego nawigację pakujesz w TRZY divy? Nie trzeba żadnego. Poczytaj kurs z linku co Koledzy podali. Warto smile.gif

3. Sekcja HEAD namieszana, DOCTYPE ma być na początku, na przykład:
Kod
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>


4. Zamiast
Kod
href=index.html>
powinno być
Kod
href="index.html">


Najważniejsze, tak jak koledzi radzili na początku, poczytaj i dopiero bierz się za div'y smile.gif

Pozdrawiam

EDIT:
Cytat
Mam jeszcze takie pytanie, co zrobić aby w miarę rozszerzania się DIVa main_, rozszerzały się też divy po bokach? Bo teraz aby tak się działo musiałbym dodawać <br> do tych divów...

Chyba chodzi Ci o wysokość, tak?
evolucja
Czytam cały czas.. Narazie goni mnie czas, muszę to ukończyć tak szybko jak to możliwe. Dopiero potem gdy już strona będzie pracować będę mógł posiedzieć i poprawiać błędy.

Tak, chodzi mi o ich wysokość..
pedro84
Cytat
Czytam cały czas.. Narazie goni mnie czas, muszę to ukończyć tak szybko jak to możliwe. Dopiero potem gdy już strona będzie pracować będę mógł posiedzieć i poprawiać błędy.

Wiesz, problem w tym, że lepiej od razu pisać dobry kod, poprawki późniejsze to masakra jest, uwierz mi.

Co do div'ów:
Miłej lektury smile.gif
evolucja
Dziękuję smile.gif A więc mam zajęcie na później. A późniejsza edycja to nie problem, wszystko jest w jednym pliku.

Czy ktoś mógłby rzucić okiem na menu wyboru języka? KLIK - nie działa na IE(jeszcze stylu nie zrobiłem)
Oczywiście wszystko na ciastkach. Starałem się ażeby 'mruganie' było dość intuicyjne.

Proszę więc o opinię
pedro84
Wygląda fajnie. Naprawdę. Kilka uwag. Powinienes to zrobic na liście nieuporządkowanej (ul). Każda flaga to element listy(li), w treści normalne teksty, text chowasz w CSSie za pomocą
Kod
text-indent:-999em;

Wtedy możesz sobie zrobić tak, żeby migania w ogóle nie było. Ustawiasz hover na listę i zmieniasz dopiero po najechaniu na listę. Do zrobienia. Musisz to poprawić, bo głupio wygląda kiedy jadę sobie kursorem po flagach w poziomie i mi co chwila pojawia się kolor na aktywnej fladze.

Poza tym, czemu masz takie głupie URLe?
Kod
?l=br

Nie lepiej zrobić wybór języka w jakimś innym pliku i przekierowywać do strony, na której użytkownik kliknął w link? Moim zdaniem lepsze rozwiązanie.

PS Czemu w stopce nie dasz tekstu, tylko jest obrazek? sleep.gif

Pozdrawiam
evolucja
Cytat(pedro84 @ 21.01.2010, 15:34:11 ) *
w treści normalne teksty

o jakie teksty chodzi?

Cytat
Poza tym, czemu masz takie głupie URLe?
Kod
?l=br

Dlaczego uważasz, że są głupie? Nie wygląda to lepiej niż "zmien.php?l=br"?
pedro84
Cytat(evolucja @ 21.01.2010, 15:59:27 ) *
o jakie teksty chodzi?

Oj... Masz link: <a href="es/" title="Espanol">Espanol</a>
W CSS nadajesz mu
  1. display:block;
  2. text-indent:-999em;
  3. width:100px;
  4. height:60px;
  5. background:url();

I masz. Tak się to powinno robić, a nie.

Cytat(evolucja @ 21.01.2010, 15:59:27 ) *
Dlaczego uważasz, że są głupie? Nie wygląda to lepiej niż "zmien.php?l=br"?

A czy nie lepiej wyglądałby link domena.com/en, domena.com/es? Moim zdaniem tak.
evolucja
No powiedzmy, że lepiej; i jeśli dobrze rozumiem, to w tych katalogach porobić pliki index.php które po otworzeniu będą ustawiać odpowiednie ciastko a następnie przekierowywać na stronę z której się 'przyszło' a jeśli takiej nie ma przekierować na główną?

Drugie pytanie: czy opłaca mi się babrać w sesje żeby zrobić logowanie? Z góry zaznaczam, że nawet jeśli ktoś ukradnie komuś ciasteczko i użyje jego konta, to nic wielkiego się nie stanie. Strona będzie zawierać tylko kilka prostych opcji. Ja osobiście myślę, że login + hasło(md5) w ciastkach wystarczą.
pedro84
Cytat(evolucja @ 21.01.2010, 19:46:53 ) *
No powiedzmy, że lepiej; i jeśli dobrze rozumiem, to w tych katalogach porobić pliki index.php które po otworzeniu będą ustawiać odpowiednie ciastko a następnie przekierowywać na stronę z której się 'przyszło' a jeśli takiej nie ma przekierować na główną?

W jakich katalogach? Bo za bardzo nie rozumiem. Robisz plik langs.php, na przykład. Tam sobie umieszczasz zmianę języków, ciacha, sesje co tam chcesz. Potem sobie przepisujesz w htaccess "ładne URLe" i masz.

Cytat(evolucja @ 21.01.2010, 19:46:53 ) *
Drugie pytanie: czy opłaca mi się babrać w sesje żeby zrobić logowanie? Z góry zaznaczam, że nawet jeśli ktoś ukradnie komuś ciasteczko i użyje jego konta, to nic wielkiego się nie stanie. Strona będzie zawierać tylko kilka prostych opcji. Ja osobiście myślę, że login + hasło(md5) w ciastkach wystarczą.

Wiesz, wszystko zależy od Twoich potrzeb. Nie lepiej byłoby Ci użyć CodeIgnitera? Prosty framework, co prawda nie ma obsługi PHP5 i czasem jest proceduralny, ale wątpię, żebyś jej wymagał (obsługi). Poza tym lepiej login + sha1(hasło.sól). W bazie trzymasz login, zhashowane hasło i sól.
evolucja
1. Ah.. chodzi ci zatem o modrewrite. Nie wiem czy nie będzie potem konfliktów z podstronami na przykład. Po za tym, czyż nie taki sam efekt można uzyskać przepisując obecny system? Narazie zostawię moje rozwiązanie. Zmienię jedynie sposób wyświetlania tych flag.

2. A co sól w tym wypadku da? Jak ktoś i tak zahashowany string miał w ciastku, to jak ktoś to ciastko wykranie to mu żadna sól niepotrzebna. O CodeIgniterze jeszcze nie słyszałem... poszperam trochę na ten temat.
pedro84
Tak, chodziło mi o mod_rewrite. Mogłem napisać wcześniej. Konflikty z podstronami? No nie, przecież sam ustalasz reguły, wg których będą przepisywane URLe. I wcale przepisywać systemu tutaj nie musisz, poważnie. Utworzenie pliku, dodanie reguł, zmiana linków. To wszystko.

O CI możesz poczytać tutaj. Polecam Ci na początek poczytać dokumentację, sprawdzić czy w ogóle coś łapiesz z tego.

Czy używać sól, czy też nie, to już jest Twoja decyzja. To była raczej taka mała sugestia z mojej strony.
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.