Odpowiedz

IE - 3 różne interpretacje

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

13.10.2011, 20:33

Link do wypowiedzi

| Cytuj

Krzysztof Cieślak b-mind.pl

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 :)

13.10.2011, 21:00

Link do wypowiedzi

| Cytuj

Ł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.

13.10.2011, 21:02

Link do wypowiedzi

| Cytuj

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.

13.10.2011, 21:19

Link do wypowiedzi

| Cytuj

Ł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)

13.10.2011, 22:18

Link do wypowiedzi

| Cytuj

Maja Miarecka 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/ .

14.10.2011, 23:28

Link do wypowiedzi

| Cytuj