Zdzisław Nieposiada

Zdzisław Nieposiada Student,
Politechnika
Rzeszowska im.
Ignacego
Łukasiewicza

Temat: Chrome/Mozilla/IE - 3 różne interpretacje

Na start zaznaczę że nie jestem informatykiem, nie studiuję informatyki, po prostu się informatyką(programowaniem) interesuję.
Mam problem z stylami css. Chciałbym stworzyć stronę internetową opartą na rozmieszczaniu obiektowym(divy itp). Problem polega na tym że moja strona działa/wyświetlana jest tak jak tego chce tylko na Google Chrome.
Mozilla już trochę inaczej interpretuje, wyświetla niektóre rzeczy, z kolei IE8 całkiem nie potrafi wyświetlić strony tak jak ja tego chce.
załączam screeny:

chrome
mozilla
IE8

oraz plik css i html:
http://www.filesonic.pl/file/2546289071

Prosił bym o jakąś podpowiedź jak można to rozwiązać, nie pogardził bym jakimiś przykładami, edycją moich plików itp.Zdzisław Nieposiada edytował(a) ten post dnia 13.10.11 o godzinie 20:38

Temat: Chrome/Mozilla/IE - 3 różne interpretacje

na początek poczytaj o reset.css Meyer'a http://meyerweb.com/eric/tools/css/reset/
z IE życzę powodzenia :)
Łukasz Piwowar

Łukasz Piwowar DigitalZone -
Interactive Agency

Temat: Chrome/Mozilla/IE - 3 różne interpretacje

Zdzisław Nieposiada:

@Krzysztof, a zajrzałeś w kod ?

Co to jest p1, p2, p21 ?

<p1>cos</p1>
<p2>
<p21>cos2</p21>
<p22>
<p221>cos1<br>cos2<br>cos3<br>cos4</p221>
<p222>
...
</p222>
</p22>
</p2>


Do Zdzisława, przejrzyj najpierw jakiś poradnik, potem może ściągnij 5 darmowych prostych szablonów i przyjrzyj się kodowi.
Zdzisław Nieposiada

Zdzisław Nieposiada Student,
Politechnika
Rzeszowska im.
Ignacego
Łukasiewicza

Temat: Chrome/Mozilla/IE - 3 różne interpretacje

hmmm, gdzieś kiedyś czytałem że na znacznikach typu tych moich <p1>... można robić układ strony, ale widocznie jest to błędne, choć Google Chrome i Mozilla radzą sobie bez problemu z interpretacją tego, tylko ten IE coś nie radzi sobie.

Zrobiłem na DIVach i wszystko gra jak należy, z 1 małym szczegółem.
na stronce mam 4 pola wejściowe do wprowadzania tekstu, w google chrome wyświetla je z przerwą między każdym z nich, Mozilla i IE bez przerwy, po dodaniu "line-height: 26px;" Mozilla przy dodatkowej sztywnej spacji wyświetla to jak Chrome, IE trochę nie dokońca poprawnie, jak można zrobić to, aby jak na screenie z Chrome tekst po lewej i pola tekstowe po prawej były w jednym poziomie.

PS:
Sory że zadaję może banalne pytania. Jeżeli miałbyś odpowiadać abym najpierw czytał jakieś poradniki to lepiej nie odpowiadaj, no chyba że podasz sensowne poradniki napisane dla ludzi.
Łukasz Piwowar

Łukasz Piwowar DigitalZone -
Interactive Agency

Temat: Chrome/Mozilla/IE - 3 różne interpretacje

Zdzisław Nieposiada:
hmmm, gdzieś kiedyś czytałem że na znacznikach typu tych moich <p1>... można robić układ strony, ale widocznie jest to błędne, choć Google Chrome i Mozilla radzą sobie bez problemu z interpretacją tego, tylko ten IE coś nie radzi sobie.

może pomyliło się z h1, h2 ?
Zrobiłem na DIVach i wszystko gra jak należy, z 1 małym szczegółem.
na stronce mam 4 pola wejściowe do wprowadzania tekstu, w google chrome wyświetla je z przerwą między każdym z nich, Mozilla i IE bez przerwy, po dodaniu "line-height: 26px;" Mozilla przy dodatkowej sztywnej spacji wyświetla to jak Chrome, IE trochę nie dokońca poprawnie, jak można zrobić to, aby jak na screenie z Chrome tekst po lewej i pola tekstowe po prawej były w jednym poziomie.

Zainteresowałeś się tym o czym krzysiek wspomniał ? Mianowicie plik reset.css ? Poczytaj co tam jest napisane, może zdecydujesz się pobrać i dodać do swojej strony (pamiętaj aby plik reset.css umieścić przed plikiem style.css).

Sprawa druga, formatuj wygląd formularza za pomocą pliku .css -

input[type="text"] {
/* tutaj style */
}


To pomoże utrzymać Ci porządek (najlepiej ucz się pisać dobry kod od początku)
Maja Miarecki

Maja Miarecki Senior Frontend
Developer

Temat: Chrome/Mozilla/IE - 3 różne interpretacje

Z takich dla ludzi (moje dzieci (13 i 15 lat) z tego opanowaly xhtmla i cssy) to polecam ksiazke z Heliona head first xhtml i css (czy jakos tak, no w kazdym badz razie z tej serii head first). Dodatkowo polecam strone http://www.w3schools.com/ . Do specyfikacji HTML i CSS nie bede Cie odsylac, aczkolwiek, jak juz rozszerzysz swoje wiedze to warto zajrzec na http://www.w3.org/ .

konto usunięte

Temat: Chrome/Mozilla/IE - 3 różne interpretacje

Nieee, tylko nie w3schools! http://w3fools.com/

Polecam http://htmldog.com/



Wyślij zaproszenie do