Strona WWW.ABCDATA-SERWIS.PL niepoprawnie wyświetla się w IE i Operze

Mam Problem z moją firmowa stronką (WWW.ABCDATA-SERWIS.PL), wyświetla się poprawnie w:
- firefox'ie
- conqueror'ze
- epiphany
- mozzilli

natomiast w IE i Operze "rozsypują sie " niektóre elementy, najlepiej to widać na głownej i tu: (pod kazdym linkiem)

Nie mam pojęcia co z tym zrobić a ze statystyk wynika że jednak większość userów używa IE

TJT

Witam, u mnie IE, Opera i Firefox wyświetlają stronę podobnie (tylko kaszanią się ikony wyszukiwarek). Może zrób screena i zaznacz co jest inaczej - jak na razie ja się nie dopatrzyłem dużych różnic. Ale takie ogólne uwagi:

- Każdy w komputerze ma widoczny zegarek (jak nie ma to znaczy że sobie wyłączył ), nie ma sensu podawanie czasu, o ile nie jest to konieczne (serwis aukcyjny to nie jest),

- Czy zamiast obrazków w tym menu nie lepiej użyć tekstu i w CSS ustawić kolor na :hover ? Kiedy wyłączysz obrazki nie wiadomo do czego prowadzą linki. Nie ma nawet Alt. Google nie widzi co jest na obrazkach,

- Tekstu nie wyrównuje się spacjami, służą do tego style,

- Strona została stworzona chyba w narzędziu pokroju M$ Word, a potem przerobiona (pozostałości styli MSHTML, właściwie wszystko co zaczyna się od Mso...), usuń, bo możliwe że właśnie psuje Ci wygląd w IE,

- Kiedy potrzebowałbym oferty takiej firmy, raczej nie interesowałyby mnie imieniny, data, itd. Nie interesuje mnie też ilośc odwiedzin botów, kilka guzików do statystyk - wystarczy jeden, ten z numerkami. PR też mnie nie interesuje (gdybym chciał znać, sprawdziłbym). W dodatku dziwnie wyglądają reklamy serwisów pozycjonujących i te linki na dole,

- "Stronę należy oglądać na komputerze autora" - nie pisz że "stronę zoptymalizowano" pod przeglądarkę, porządnie napisana strona zadziała dobrze (lub z małymi problemami) we wszystkim (i po przeróbkach nawet w IE). Nikt nie zmieni rozdzielczości żeby obejrzeć stronę. Na Twojej nie ma dużo danych - wystarczy że wszystko zostanie wyśrodkowane i będzie wyglądać dobrze we wszystkich rozdziałkach.

Pozdrawiam, Krzysztof.

Dodam od siebie: popraw błędy literowe (np. w regulaminie) a w szczególności nagminną zamianę litery u na y.

krzychoocpp
Dzięki za wykład ale tak na prawdę nie mam pojęcia o tworzeniu stron, moja praca to hmm... byłeś na stronie to wiesz. Stronke początkowo robiłem w Wysiwyg WebBuilder a potem jak podłapałem trochę htmla to już "ręcznie", w każdym razie nie założyłem tematu zebyscie oceniali moje wypociny tylko żeby rozwiazać problem.

jankolo
jakie błędy ??

Część uwag była tak na przyszłość, mogę dać jeszcze trochę Ale jeśli problemem są tylko ikony robotów wyszukiwania (bo to jedyne co zauważyłem), to najprościej będzie je usunąć - i tak delikatnie mówiąc nie pasują do strony serwisu Drukarek Wyświetlają się w innym miejscu, ponieważ niepoprawnie zapisałeś tag div. Powino być: U ciebie brakuje zamknięcia nawiasu. Z tego samego powodu nie wyświetlają się statystyki (teraz zauważyłem). Tak BTW to taka metoda umieszczania tych ikon to nienajlepszy pomysł.

Jeśli jest coś jeszcze to albo zostaw w spokoju (skoro ja się niedopatrzyłem, to raczej nic wielkiego to nie było), lub doprecyzuj.

Strona to wizytówka firmy - najlepiej żebyś jednak spróbował zrobić to porządnie, w internecie jest dużo materiałów, zawsze możesz też spytać tutaj.

Pozdrawiam, Krzysztof.

CMS napisał:

jakolo
jakie błędy ??

Na przykład:
. Przekazanie do nas sprzętu do naprawy oznacza przyjęcie przez Klienta wszystkich naszych warunkуw, na podstawie ktуrych świadczymy usługi naprawy.

. W przypadku, gdy po wstępnej diagnozie i po zaakceptowaniu kosztуw naprawy, Klient wycofa się z transakcji, będzie on obciążony kosztami dotychczasowego postępowania, oraz materiałуw zamуwionych lub zakupionych do danej naprawy.

. Po zaakceptowaniu przez Klienta ceny usługi, karta naprawy stanowi umowк o dzieіo na wykonanie tej usіugi.

. Sprzęt zostanie wydany po uiszczeniu zapłaty gotуwką, przelewem w formie przedpłaty lub za pobraniem (dla sprzętu odsyłanego za pośrednictwem firmy spedycyjnej).

. Na wymienione części i podzespoły Klient otrzymuje trzymiesięczną gwarancję pod warunkiem stosowania materiałуw eksploatacyjnych zalecanych przez producenta sprzętu.

. Nieodebranie sprzętu w czasie miesiąca od daty powiadomienia o zakończeniu naprawy powoduje naliczenie kosztуw magazynowania w wysokości 10% wartości naprawy za każdy rozpoczęty miesiąc.

. Sprzкt nieodebrany w ciągu trzech miesięcy od daty zakoсczenia lub rezygnacji z naprawy przechodzi na wіasność serwisu z tytuіu zwrotu kosztуw skіadowania oraz naprawy.

. Za nieuzasadnione wezwanie serwisu (w przypadku dojazdu do klienta na terenie Warszawy) pobierana jest opіata w wysokości 150pln + VAT

. Zastrzegamy sobie prawo do zmian w powyїszym regulaminie, aktualna wersja znajduje siк zawsze na tej stronie.

I w wielu innych miejscach.
Przy okazji: gdyby kolega nie przekręcał mojego nicka, to byłoby sympatycznie.

Skorzystaj przy okazji z http://validator.w3.org/.
Ustawiłeś kodowanie które prawdopodobnie nie istnieje (charset=iso-8869-2 zamiast ISO-8859-2, nawet walidator go nie zna), to jest przyczyną pozamienianych polskich liter.

Już znalazłem ten bład z tagiem (przyznam szczerze że za pomocą innego forum - webhelp) jutro to sprawdzę

Jeśli chodzi o kodowanie to musiałem takie ustawić bo inaczej linki z linkme.pl nie wyświetlały w ogóle polskich znaków tylko jakieś krzaki.


Jankolo
Widzę że znalazłeś jakiś poważny błąd na mojej stronie, ponieważ ja widzę regulamin zupełnie poprawnie o to dowód:

Moderowany przez TONI_2003:

Proszę tylko zamieszczać fotki tak jak w linku poniżej.
Ogłoszenie: Wklejanie zdjęć.

A jeśli chodzi o liczniki itp to sa one potrzebne mi a nie klientą.

A i jeszcez jedno
Godzina i data wg mnie jest przydatna, sam po sobie zauważyłem że bardziej zwracam uwagę na czasomierze na górze strony - czarne na bialym tle niz na zegarek na pasku, z doswiadczenia wiem że to zapada w pamięć i łatwiej potem odnaleźć coś jak się pamęta o której się tam było. Jeśli chodzi o imieniny to po prostu nie miałem czym wypełnić wolnego miejsca.

Powód opisał kolega ostrytomasz. Obowiązującym w Internecie standardem kodowania polskich znaków diakrytycznych jest ISO-8859-2, zwany również ISO Latin 2.

jankolo napisał:

Powód opisał kolega ostrytomasz. Obowiązującym w Internecie standardem kodowania polskich znaków diakrytycznych jest ISO-8859-2, zwany również ISO Latin 2.

W takim radzie czeka mnie sporo pracy.
Skoro Tak chętnie mi pomagacie to może odpowiecie jeszcze na to http://forum.webhelp.pl/viewtopic.php?t=169971 pytanie.

Tu również masz chyba błąd w składni:

(IE 1024 na 768 pikseli) TONI_2003

Dodano po 1 [godziny] 52 [minuty]:

Z linkami, z serwisów pozycjonujących, często mam problemy ale nie są one aż tak istotne.

Na razie poprawiłem ten tag i jest prawie dobrze, prawie bo nie wyświetla sie ikonka netsprinta.

Jeśli chodzi o kodowanie polskich znaków to czy jest jakiś sposób żebym nie musiał tego robić ręcznie na wszystkich podstronach ? Nie ukrywam że to sporo pracy a ja muszę robić to o czym traktuje strona a nie sama stronę

Kolejny problem to to, że w IE nie chce cię wyświetlać licznik odwiedzin oraz page rank.

A i jeszcze jedno
http://forum.webhelp.pl/viewtopic.php?t=170004

CMS napisał:

Kolejny problem to to, że w IE nie chce cię wyświetlać licznik odwiedzin oraz page rank.

Bo jest ten sam błąd z brakiem nawiasu '>'.

Co do linków. Umieszczasz je w divie i pozycjonujesz absolutnie, czyli określasz dokładnie w którym miejscu na ekranie mają być. "position: absolute" jest niepotrzebne tutaj (i w innych miejscach na stronie też). Ale większośc elementów jest tak umieszczona, więc trzeba naprawić całą stronę żeby to bezpiecznie usunąć. Na szybko można zrobić tak: Usunąć z definicji stylu "left" (top trzeba zostawić, bo inaczej div wyskoczy do góry), ustawić "width:100%" i "text-align:center". Wtedy będą wyśrodkowane, ale z powodu innych problemów strony, mogą tak nie wyglądać. Można wtedy ustawić odpowiednio padding.

Nie trzeba umieszczać licznika odwiedzin żeby obserwować ich ilość, korzystasz ze stata, wystarczy że zalogujesz się na swoje konto i będziesz miał dostęp do dokładnych statystyk.

Pozdrawiam, Krzysztof.

W wolnej chwili popróbuje.

Co do stata to owszem wiem jak działa ale podstawowe dane wolę mieć pod ręką.

No więc, poza wyśrodkowaniem linków poprawiłem chyba wszystko, mam tylko prośbę do kolegi jankolo żeby sprawdził czy nie mam już tych błędów w regulaminie bo u mnie cały czas jest poprawnie Na 5 wyszukiwarkach w linuksie i dwóch pod windą) więc nie wiem czy na pewno mi sie udało.

Wszystko widzę poprawnie.

Uff
Cieszy mnie to ogromnie, teraz właśnie walczę z linkami.
Tak to jest jak się robi stronkę bez znania nawet podstaw html'a ale sporo sie nauczyłem po drodze.
Krzychoocpp
To absolutne pozycjonowanie pochodzi stąd że podpatrzyłem po prostu w jaki sposób web builder "to robi" a potem skopiowałem cały fragment i zmieniałem tylko "współrzędne"

Jest kilka rzeczy których nie pojmuję jak np to:

<div style="position: absolute; left: 3px; top: 1170px; font-size: 12px;" >
<?
include("robots_counter.php");
echo "
<div style='background-color:#ffffff;color:#000000;padding: 5px 5px 5px 5px;margin: 0px 0px

0px 0px;font-size:12px;font-weight:bold;'>Wizyty robotów:</div>
<img src=robots_icon/google_logo.jpg border=0 alt=google/> $PageInfo[googlebot]<br />
<img src=robots_icon/msn_logo.jpg border=0 alt=msn /> $PageInfo[msnbot]<br />
<img src=robots_icon/yahoo_logo.jpg border=0 alt=yahoo /> $PageInfo[yahoo]<br />
";
?>


<div style="position: absolute; left: 61px; top: 25px; font-size: 12px;" >
<?
include("robots_counter_pl.php");
echo "

<img src=robots_icon/netsprint_logo.gif border=0 alt=netsprint/> $PageInfo[netsprint]<br />
<img src=robots_icon/onet_logo.jpg border=0 alt=onet/> $PageInfo[onet]<br />
<img src=robots_icon/szukacz_logo.jpg border=0 alt=szukacz /> $PageInfo[szukacz]<br />
";
?></div>

jak widać trzy ikonki robotów są na wysokości 1170px a drugie trzy - 25px przy czym w rzeczywistości są na ten samej wysokości (przykład pochodzi ze strony z regulaminem)

Byłym wdzięczny za wyjaśnienie tej anomalii, jak również za wskazówki co mogę bezpiecznie usunąć z kodu strony (poza zegarem itp )

Dodano po 3 [minuty]:

Ps.
Jankolo, właśnie zauważyłem że zjadłem jedną literkę z twojego nicka kilka postów wyżej, ty mnie potem zacytowałeś i chyba zam nie zauważyłeś błędu. Swój post poprawiłem ale twojego nie mogę

Witam, to nie jest anomalia nie widzisz dlaczego bo kod jest zamotany, ale o tym później. Pozycjonowanie absolutne oznacza określenie na sztywno pozycji elementu względem elementu który go zawiera.

Pierwszy div, ten który ma top 1170, zawiera się w body i ląduje 1170 pikseli od góry strony. Ten drugi (właściwie to trzeci) który ma top 25, ląduje 25 pikseli od góry elementu go zawierającego, czyli tego diva z top 1170.

Na początek bezpiecznie możesz wyrzucić style które zaczynają się od "mso". Kod trochę się rozjaśni, ale żebyś szybko mógł dokonać zmian, warto żebyś go uprościł bardziej - przenieś resztę stylów do jednego arkusza CSS. Na początku możesz je zostawić takie jakimi są. Kiedy kod będzie krótki i prosty, poprawisz strukturę w mgnieniu oka, a potem dopracujesz wygląd. Warto też nadać obrazkom intuicyjne nazwy, a nie coś w stylu "B00006AMS7.01._SCMZZZZZZZ_V46885344_AA160_.jpg" To na prawdę ułatwia szybkie poprawianie kodu.

Polecam też dodatki do przeglądarek - do Opery dev.Opera i webdeveloper, do Firefoksa Firebug i również webdeveloper.

Pozdrawiam, Krzysztof.

Na początek bezpiecznie możesz wyrzucić style które zaczynają się od "mso". Kod trochę się rozjaśni, ale żebyś szybko mógł dokonać zmian, warto żebyś go uprościł bardziej - przenieś resztę stylów do jednego arkusza CSS. Na początku możesz je zostawić takie jakimi są.

Wiem że ciężko wam uwierzyć ale ja na prawdę nie znam sie na tworzeniu stron.
Możesz trochę jaśniej

OK. Więc tak: otwierasz stronę w edytorze i wyszukujesz mso. Znajdujesz coś takiego: Możesz wyrzucić to co zaczyna się od mso - czyli zostanie: Te style zostały wymyślone przez MS na potrzeby MSHTML - można je spokojnie wyrzucić. Możesz też spokojnie wyrzucić ze styli wszystko co jako nieistniejące określi validator CSS: http://jigsaw.w3.org/css-validator/

Kod już się trochę rozjaśni. Resztę styli można umieścić w oddzielnym arkuszu CSS. Nie będę całego zagadnienia tłumaczył, jest dużo kursów, ale możesz wszystkie atrybuty "style" zamienić na dołączenie jednego pliku CSS, w sekcji <head> dodajesz np.: Elementy (takie jak div, itd.) Mogą mieć klasy i id. Klasę określa się za pomocą class="" a id analogicznie id="". Jedno id może wystąpić tylko raz, jedna klasa kilka razy. Możesz się potem odwoływać do tych id i klas w arkuszu CSS i określać ich wygląd. Ten sam plik CSS możesz dołączyć do wszystkich podstron i określić ich wygląd jednocześnie. Jeśli dalej jest niejasne, to może przerobię jedną z podstron i wkleję kod, może to bardziej rozjaśni sytuację

Pozdrawiam, Krzysztof.

Dziś już mam dosyć ale w wolnej następnej wolnej chwili (pewnie w weekend) pokasuje te mso.

Jeśli o css'y chodzi to rozumiem że chodzi o stworzenie jakiegoś schematu wyglądu żeby potem móc się do niego odwoływać zamiast pisać za każdym razem ręcznie ??

Będę wdzięczny jak przerobisz którąś podstronę.

Wrócę jeszcze do wyśrodkowania linków, mianowicie na jednych podstronach linki są bardziej na środku niż na innych np:
tu są pięknie na środeczku
http://www.abcdata-serwis.pl/
a tu ju mniej
http://www.abcdata-serwis.pl/za250.html

Mam jeszcze jeden problem, kiedyś z tym walczyłem ale sobie odpuściłem.
Chodzi o to że w rozdziałce 1024x760 stronka zajmuje cały ekran i mieści się na nim a mimo tego na dole jest dostępny pasek przewijania lewo/prawo i mogę sobie przesunąć stronkę o jakieś 3cm - jest tak jakby trochę pustego miejsca z prawej strony strony za cholerę nie wiem czemu.

CMS napisał:

Chodzi o to że w rozdziałce 1024x760 stronka zajmuje cały ekran i mieści się na nim a mimo tego na dole jest dostępny pasek przewijania lewo/prawo i mogę sobie przesunąć stronkę o jakieś 3cm - jest tak jakby trochę pustego miejsca z prawej strony strony za cholerę nie wiem czemu.

Wygląda na to, że problem zniknie po zmianie pozycji z 880 np. na 775 (wyrównanie do pozostałych elementów)
Zmień:

-------------------------------------------------------
Mój błąd, mało uważnie przyglądnąłem się wszystkiemu, ale naprawiam błąd:

Za zbyt dużą szerokość strony odpowiada fragment kodu:

md
Widzę że masz dużą wiedzę i chęć pomocy, tak jak koledzy wyżej za co jestem wdzięczny bo na forach typowo webmasterowych nikt mi nie pomógł ale PROSZĘ PO RAZ KOLEJNY mówcie do mnie łopatologicznie (ja w branży drukarek itp. staram się wszystko tłumaczyć jak krowie na miedzy bo nie każdy wie co to transfer korona albo separator) więc proszę o podobne traktowanie bo to naprawdę nie moja branża.

Mówiąc prościej, co dokładnie jest odpowiedzialne za "nadmiar strony" w w/w części kodu ?

Posłałem Ci na Priv poprawiony kod. Dalej eksperymentuj sam, bo inaczej niewiele się nauczysz, a uczyć się trzeba całe życie.

Kolejny problem, udało mi się wyśrodkować linki ale dziś zauważyłem że pod IE wszystko działa prawie dobrze poza tym ze na stronie
http://www.abcdata-serwis.pl/sprzedaz.html i na wszystkich z drukarkami, linki (te szare na dole bo o nich cały czas mowa) wyjeżdżają daleko na prawo. Tym razem sprawdziłem dokładnie czy pozamykałem wszystkie tagi i nic nie znalazłem.

Wyświetlą się w żądanym miejscu, jeśli kolega doda W stylach divów z tymi linkami.

co nie zmienia faktu że wciąż polecam uporządkowanie strony

Pozdrawiam, Krzysztof.

Uporządkuje uporządkuje ale nie mam na razie czasu, może w przyszły weekend, co do left: 0px; to faktycznie działa dzięki, w wolnej chwili zmienie na wszystkich podstronach.

Poprawiam i poprawiam a tu co raz wiecej trudnosci

Co zrobic zeby licznik robotow tu
http://www.abcdata-serwis.pl/sprzedaz.html

wygladal tak jak tu
http://www.abcdata-serwis.pl/serwis.html

Wyświetla się inaczej, ponieważ na stronie sprzedaz jest niedomknięty div: "<div id="wb_NavigationBar2" style=", powinien być zamknięty za "</table>". Wtedy ikony robotów wyskoczą do góry, bo są pozycjonowane absolutnie, trzeba będzie zmienić pozycje aby wycelować w żądane miejsce.

Pozdrawiam, Krzysztof.

Podziwiam Cię, ja sie mogę godzinami patrzeć w ten kod i nic nie zobaczę a Ty zaledwie rzucisz okiem i juz widzisz błąd.