Strona Główna     FAQFAQ  SzukajSzukaj  UżytkownicyUżytkownicy  GrupyGrupy


Poprzedni temat :: Następny temat
Różnice w interpretacji kodu przez FireFoxa i IE.
Autor Wiadomość
OGGY 


Skąd: Kutno
Wysłany: 2006-05-03, 12:48   Różnice w interpretacji kodu przez FireFoxa i IE.

niedawno się dorobiłem firefoxa i wszystkie strony robię właśnie na niego, właściwie to nie zauważyłem jakiejś specjalnej różnicy, powiedziałbym nawet, że FF (FireFox - nie wiem czy taki skrót jest w obiegu dlatego tłumaczę) jest bardziej wymagający niż IE, bo jest bardziej wrażliwy na "błędy" i niedociągnięcia, ale się myliłem :/ zrobiłem sobie stronkę i jak się okazało w IE jej szerokość osiągnęła kosmiczne rozmiary!!! ale w FF jest zupełnie normalnie, może ktoś już się spotkał z takim błędem??? czemu tak się dzieje???
_________________
http://www.rhplus.ovh.org/ - rH+ Official Website
 
 
   
Asdef 
Administrator



Pomógł: 32 razy
Skąd: Lodz
Wysłany: 2006-05-03, 13:25   

Żeby odpowiedzieć Tobie na to pytanie musiał bym mieć kod źródłowy tych przeglądarek… a zapewne jest to tajemnica… :)

Mogę tylko powiedzieć że każda przeglądarka ma swój interpretator kodu jeden gorszy drugi lepszy… oczywiście IE jest lepszy niż FF… (możesz w to wierzyć lub nie ale taka jest prawda)
Co przekonuje mnie do takiej opinii??
To że Opera jest bardziej popularna a wystarczy poczytać różne fora z czym ludzie mają problem… na pewno nie z O i IE ;)
To właśnie wiąże się z interpretacja kodu… FF ma do bani..

Najlepiej podczas pisania stronki, należy trzymać się standardów i problemy będą mniejsze ale to nie znaczy ze ich wcale nie będzie… strona powinna przechodzić przez walidację…

W brew pozorom IE ma lepszy interpretator kodu niż FF nawet shit w kodzie czasem potrafi odczytać bezbłędnie a FF nie… - a niestety w polskim Internecie jest duża ilość shitu która pod FF nie chodzi… albo na odwrót

A co do przeglądarek to kwestia gustu! Ja wybrałem O

A co do kosmicznych rozmiarów to też IE ma swoje wady…

[ Dodano: 2006-05-03, 14:26 ]
http://validator.w3.org/ <> walidator stron
_________________
PCT szuka ludzi dobrej woli, którzy jak mają ciekawe artykuły pisane z własnej ręki, to oczywiście można je nadsyłać nawet z gościa, po zatwierdzeniu przez moderatora…
http://www.pctown.pl/submitnews.php
lub wysyłać na asdef(malpa)o2.pl
http://img528.imageshack.us/img528/3311/dn9ar.png
 
   
OGGY 


Skąd: Kutno
Wysłany: 2006-05-03, 13:37   

z kodem będzie problem, bo jest trochę długachny :P ale wytnę to co najważniejsze i zaraz zapodam... ale kod wynikowy w każdej przeglądarce jest taki sam!!! (ps problemy z IE a nie z FF, ale ja też uważam, że IE jest lepszy, no ale IMO jak robić dobrą stronę to dla wszystkich, ani nbie tylko dla posiadaczy IE!).

//EDIT
Kod:

<TABLE width="100%" cellpadding="0" cellspacing="0" border="0">
<!--TITLE PART-->
<TR><TD>
<TABLE width="100%" cellpadding="0" cellspacing="0" border="0"><TR><TD width="100%">
<TABLE width="100%" cellpadding="0" cellspacing="0" border="0"><TR><TD class="class007" width="50%">
<TABLE width="100%" cellpadding="0" cellspacing="0" border="0"><TR>
<TD class="class011"><FONT class="class006">&nbsp;***</FONT></TD>
</TR></TABLE></TD>
<TD class="class007" width="50%">
<TABLE width="100%" cellpadding="0" cellspacing="0" border="0"><TR>
<TD class="class007"><FONT class="class006"><NOBR>jakiś tekst</NOBR></FONT></TD>
<TD class="class007" width="50">&nbsp;</TD>
</TR></TABLE>

</TD>
</TR></TABLE></TD></TR><TR><TD width="100%">
<TABLE width="100%" cellpadding="0" cellspacing="0" border="0"><TR>
<TD class="class012" width="100%"><FONT class="class013"><NOBR><SUP>&nbsp;&nbsp;&nbsp;Tjakiś tekstjakiś tekstjakiś tekstjakiś tekst</SUP></NOBR></FONT></TD>
</TR></TABLE></TD></TR></TABLE>
</TD></TR>
<!--/TITLE PART-->



<!--SUBBODY PART-->
<TR><TD><TABLE class="class016" width="100%" cellpadding="0" cellspacing="0" border="0"><TR><TD width="100%"><P>
<DIV class="class014">1. Wstępik.</DIV>
<DIV class="class015"> Hejo!!!
jakiś tekstjakiś tekstjakiś tekstjakiś tekstjakiś tekstjakiś tekstjakiś tekstjakiś tekstjakiś tekstjakiś tekstjakiś tekstjakiś tekstjakiś tekstjakiś tekstjakiś tekstjakiś tekstjakiś tekstjakiś tekstjakiś tekstjakiś tekstjakiś tekstjakiś tekstjakiś tekstjakiś tekstjakiś tekstjakiś tekstjakiś tekstjakiś tekstjakiś tekstjakiś tekst</DIV>

</P>

i jeszcze klasy:
Kod:
.class011
{
background-color:#fca311;
text-align:left;
}

.class012
{
border:1px solid #fca311;
background-color:#ffcc49;
color:#fca311;
}

.class013
{
font-family:arial;
font-size:105%;
color:#c6930a;
}

.class014
{
font-family:Arial;
font-size:120%;
font-weight:bolder;
text-indent:0%;
color:#000000;
}
.class007
{
background-color:#fca311;
text-align:right;
}

.class015
{
font-family:monospace;
font-size:100%;
font-weight:100;
text-indent:8%;
color:#000000;
}

.class016
{
margin:60px;
margin-top:20px!important;

wiem że trochę tu bałagan ale starałem się to jakoś okroić na szybko :P
_________________
http://www.rhplus.ovh.org/ - rH+ Official Website
 
 
   
ExeQtoR 
Moderator



Pomógł: 36 razy
Skąd: K.P.
Wysłany: 2006-05-03, 13:51   

OGGY napisał/a:
wiem że trochę tu bałagan ale starałem się to jakoś okroić na szybko

A nie prościej było spakować całą stronę(*htm+ *.css) Albo jak jest w necie zapodać linka ;)
Bo tak to może akurat wyciąłeś to co przeszkadza ;)
_________________
Moderatora grzecznie się słuchamy,
nie spamujemy, nie bluzgamy...


 
 
   
OGGY 


Skąd: Kutno
Wysłany: 2006-05-03, 13:56   

momento, już publikuje, bo musiałem na szybko założyć jakieś konto :p wejdźcie z minutkę na www.oggyteam.cba.pl. tylko się nie przraźcie :P bo tam mogłoby się wydawać że bałagan musze php poprawić żeby ładniej mi kod wyświetlał :D acha a tak dla porównania wejdźcie na www.oggyteam.ovh.org i looknijcie bo ta strona chodzi wszędzie prawidłowo a praktycznie niczym się nie różni od tej piewrszej!!!
_________________
http://www.rhplus.ovh.org/ - rH+ Official Website
 
 
   
ExeQtoR 
Moderator



Pomógł: 36 razy
Skąd: K.P.
Wysłany: 2006-05-03, 14:21   

OGGY, na cba.pl jeszcze nie ma :)
Możesz mi wytłumaczyć po co Ci 2 konta hostingowe skoro wszystkie obsługują php :) na 1 stronę.
OGGY napisał/a:
i looknijcie bo ta strona chodzi wszędzie prawidłowo a praktycznie niczym się nie różni od tej piewrszej!!!

Więc masz prawie podane na tacy to co Ci przeszkadza :D
_________________
Moderatora grzecznie się słuchamy,
nie spamujemy, nie bluzgamy...


 
 
   
OGGY 


Skąd: Kutno
Wysłany: 2006-05-03, 14:53   

a co mi przeszkadza, bo nie rozumiem??? co takiego mam na tacy? masz na myśli rozwiązanie mojego problemu? bo jak tak to to wcale nie jest takie proste! myślałem że to może css-y ale jak je wywaliłem to nic to nie dało, coś musi być z ... no właśnie z czym??? może ja ślepy jestem i nie widzę?! już sam nie wiem ... a konta mam dwa bo na jednym jeszcze nie dawno było forum a teraz chciałem na stronę ale z forum też zrezygnowałem no i mam dwa konta :P (ale na pewno się nie zmarnują, bo coś na drugim jeszcze zrobię.
_________________
http://www.rhplus.ovh.org/ - rH+ Official Website
 
 
   
ExeQtoR 
Moderator



Pomógł: 36 razy
Skąd: K.P.
Wysłany: 2006-05-03, 16:55   

OGGY, Masz problem z CSS :D
a konkretnie z
Kod:

.class015
{
font-family:monospace;
font-size:100%;
font-weight:100;
text-indent:8%;
color:#000000;
}

A jeszcze bardziej konkretnie to wywal:
Kod:

text-indent:8%;


I na IE nie powinno rozwalać :D
Ale wiesz ja miałem wyrywek strony a nie całego php więc nie wiem czy coś się jeszcze przez to nie zmieni :)

edit//
Być może że ta opcja gdzieś ci wadzi z IE albo tą klasę podpiąłeś pod coś co IE nie trawi :) a reszta jakoś to przetrawia i działa w miarę poprawnie ;)

PS: Rzeczywiście coś Ci zawadzało :lol:

edit///
Tak przemyślałem i doszłem do wniosku po uprzednim zajrzeniu do książki o CSS że to musi działać i na pewno zadziała :D
jak??
a tak:
zamiast %(procentów) daj px(pixele) np:
Kod:

font-family:monospace;
font-size:100%;
font-weight:100;
text-indent:30px;
color:#000000;
_________________
Moderatora grzecznie się słuchamy,
nie spamujemy, nie bluzgamy...


 
 
   
OGGY 


Skąd: Kutno
Wysłany: 2006-05-03, 17:49   

zrobiłem z tego dwie klasy jedną "class015" i drugą"class015:first-letter" i teraz jest powiedzmy że w pożądku (bo w IE nadal nie ma wcięcia, ale przynajmniej tekst wyświetla się normalnie)! może ktoś wie jak w IE zrobić wcięcie na CSS-ach bo margin nie działa:/
A tak wygląda teraz kod:
Kod:

.class015
{
font-family:monospace;
font-size:100%;
font-weight:100;
color:#000000;
}

.class015:first-letter
{
font-family:monospace;
font-size:100%;
font-weight:100;
color:#000000;
margin-left:8%;
}
_________________
http://www.rhplus.ovh.org/ - rH+ Official Website
 
 
   
Asdef 
Administrator



Pomógł: 32 razy
Skąd: Lodz
Wysłany: 2006-05-03, 17:54   

dawaj w PX

chyba jak chcesz to popróbuj

left: wartosc%;
top: wartość%;
_________________
PCT szuka ludzi dobrej woli, którzy jak mają ciekawe artykuły pisane z własnej ręki, to oczywiście można je nadsyłać nawet z gościa, po zatwierdzeniu przez moderatora…
http://www.pctown.pl/submitnews.php
lub wysyłać na asdef(malpa)o2.pl
http://img528.imageshack.us/img528/3311/dn9ar.png
 
   
ExeQtoR 
Moderator



Pomógł: 36 razy
Skąd: K.P.
Wysłany: 2006-05-03, 19:45   

Ja bym to tak rozwiązał:
CSS:
Kod:

.class015 {
     font-family:monospace;
     font-size:100%;
     font-weight:100;
     color:#000000;
}

#akapit {
     margin-left:8%;
}


a w html'u wyglądało by to tak:
Kod:

<div class="class015" id="akapit">pierwszy wiersz</div>
<div class="class015">reszta tekstu</div>

Przynajmniej zaoszczędzisz trochę linijek kodu w css :)
_________________
Moderatora grzecznie się słuchamy,
nie spamujemy, nie bluzgamy...


 
 
   
OGGY 


Skąd: Kutno
Wysłany: 2006-05-04, 09:39   

może i zaoszczędzasz miejsce, ale efekt nie ten sam :/ jak wpiszesz diva to drugiego automatycznie ci przeniesie na dół a pierwsza linia nie zawsze ma taki sam rozmiar i trudno byb yło ustalić co powinno być jeszcze w divi z id a co już nie, więc to raczej odpada Pozatym w IE i tak to nie działa :(

//EDIT
left i right to chyba tylko do pozycji czegoś na stronie, a tekst to nie obrazek więc to raczej nie zadziała (u mnie nie działa). BTW to kiedy IE akceptuje margin??? bo napewno akcepuje tylko z divami mu coś nie wychodzi, a skoro tak to z czym można go używać żeby było dobrze???
_________________
http://www.rhplus.ovh.org/ - rH+ Official Website
 
 
   
ExeQtoR 
Moderator



Pomógł: 36 razy
Skąd: K.P.
Wysłany: 2006-05-04, 10:19   

No fakt z tymi liniami masz racje ;)

Ale jeśli chcesz aby to jakoś podobnie wyglądało do % to radzę dać w css:
Kod:

.class015
{
font-family:monospace;
font-size:100%;
font-weight:100;
color:#000000;
text-indent:82px;
}

Co prawda jak było by w % to też by to się zmieniało w resize przeglądarki a tak ma wartość stałą :/ ale ustalisz taką pośrednią wartość i będzie to i tak ładnie wyglądało :D A może kiedyś w IE7 będzie to ładnie działać to wtedy to zmienisz :)

A wracając do opcji:
Margin-left/right/top/bottom

Jest to margines który odsuwa wszystko nie zależnie czy to jest obrazek, animacja flash czy tekst
_________________
Moderatora grzecznie się słuchamy,
nie spamujemy, nie bluzgamy...


 
 
   
Asdef 
Administrator



Pomógł: 32 razy
Skąd: Lodz
Wysłany: 2006-05-04, 11:35   

racja wystarczy, że wtawisz w głównego diva całą zawartość strony :)
_________________
PCT szuka ludzi dobrej woli, którzy jak mają ciekawe artykuły pisane z własnej ręki, to oczywiście można je nadsyłać nawet z gościa, po zatwierdzeniu przez moderatora…
http://www.pctown.pl/submitnews.php
lub wysyłać na asdef(malpa)o2.pl
http://img528.imageshack.us/img528/3311/dn9ar.png
 
   
Wyświetl posty z ostatnich:   
Odpowiedz do tematu
Możesz pisać nowe tematy
Możesz odpowiadać w tematach
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach
Nie możesz załączać plików na tym forum
Możesz ściągać załączniki na tym forum
Dodaj temat do Ulubionych
Wersja do druku

Skocz do:  

Powered by phpBB modified by Przemo © 2003 phpBB Group - recenzje anime
system walidacji dla gości opracował Petermechanic
Forum komputerowe
Strona wygenerowana w 0,13 sekundy. Zapytań do SQL: 9