ďťż

[INNE] Dostosowanie witryny

       

Podstrony


telcocafe

Mam problem. Stworzyłem szablon strony internetowej ( http://www.bmatrix.e....net.pl/strona/ ) jednak o ile pod IE wszystko wygląda tak jak powinno to pod innymi przeglądarkami wszystko się sypie. Jak przystosować ją do innych przeglądarek? Szukałem informacji o standardach w3c, ale mimo że artykułów jest dużo to żaden nie mówi nic konkretnego - opisane jest w nich że należy przestrzegać standardów itd. ale jakie to standardy? Patrząc na to z ogólnego punktu widzenia wszystko powinno wyglądać tak jak ma wyglądać, a mimo to tak jak ma to wyglądać, wygląda to tylko pod IE :/.
Użytkownik pociol1 edytował ten post 22 czerwiec 2006, 15:33



Mam problem. Stworzyłem szablon strony internetowej ( http://www.bmatrix.e....net.pl/strona/ ) jednak o ile pod IE wszystko wygląda tak jak powinno to pod innymi przeglądarkami wszystko się sypie. Jak przystosować ją do innych przeglądarek? Szukałem informacji o standardach w3c, ale mimo że artykułów jest dużo to żaden nie mówi nic konkretnego - opisane jest w nich że należy przestrzegać standardów itd. ale jakie to standardy? Patrząc na to z ogólnego punktu widzenia wszystko powinno wyglądać tak jak ma wyglądać, a mimo to tak jak ma to wyglądać, wygląda to tylko pod IE :/.

1 błąd - nie masz tam doctype
2 błąd - w div#content daj float:left
reszta - pomyśl, pokombinuj, najlepiej samemu dojść do perfekcji :D

http://kurshtml.boo.pl/ - dobry kurs css, zainteresuj się modelem pudełkowym

Trochę pozmieniałem: http://www.bmatrix.e....net.pl/strona/ - dodałem DOCTYPE i ustawiłem contentowi float na left. Pod IE wszystko działa jak powinno, pod Operą kuleje :/. Poczytam o tym, ale dalej za bardzo tego nie rozumiem...

EDIT:

Poczytałem o tych hackach ale nie wiem czym różnią się te przeglądarki w wyświetlaniu kodu i nie wiem jaki styl przypisać jednej, a jaki drugiej... Chociaż wolałbym jednak nie stosować kilku styli tylko jeden uniwersalny.
Użytkownik pociol1 edytował ten post 22 czerwiec 2006, 17:26


Spróbuj pokombinować z wartośąciami width, padding i margin, bo prawdopodobnie, divy content i left są za szerokie.

Gdyby były za szerokie to IE także wyświetlałby je niepoprawnie... a wyświetla dobrze. W Operze okienko content tak jakby nie mieścił się w obszarze 'all' i zsuwał się o jedna linijkę w dół... Jeszcze co do szerokości to zmniejszenie jej nic nie daje.

Mylisz sie - w IE występuje błąd związany z tym, ze jako width widzi on zawartość bloku wraz z padding, margin i border. W dwóch pozostałych przeglądarkach wyświetlanie jest zgodne ze standardami. Spróbuj jeszcze zmiejszyć content, a a jak nie będzie chciał przejść na prawo, to spróbój może zamknąć te dwa divy w jeden.

Hmm, no tak racja, był jakiś błąd - spróbuję zmniejszyć ten width i dam znać.

EDIT:

Działa! Tylko jeszcze jest jeden hmm... błąd. W Operze nie ma odstępu pomiędzy stopką a blokiem content.
Użytkownik pociol1 edytował ten post 22 czerwiec 2006, 18:03
Uploadowałeś ten plik? Bo jak odświeżam to dalej widzę że jest jak było.
Spróbuj dać margin-bottom

Uploadowałem. Dałem margin-top dla elementu stopka, mimo to pomiędzy stopką, a resztą nie ma odstępu.

EDIT:

Dobra, z stopką już sobie poradziłem, teraz tylko małe pytanko - Jak zrobić (nie dawając contentowi float:right), żeby prawa krawędź contentu przylegała do krawędzi bloku 'all'? Bo na IE zrobić to można prosto, ale pod Operą i Firefoxem standardowo wliczane są również border i padding i działa to jak margines.
Użytkownik pociol1 edytował ten post 22 czerwiec 2006, 18:23
Spróbuj więc zamknąć content i left w jednym divie i jemu dać margin-bottom.

Dobra, z stopką już sobie poradziłem, teraz tylko małe pytanko - Jak zrobić (nie dawając contentowi float:right), żeby prawa krawędź contentu przylegała do prawej krawędzi bloku 'all'? Bo na IE zrobić to można prosto, ale pod Operą i Firefoxem standardowo wliczane są również border i padding i działa to jak margines.
Użytkownik pociol1 edytował ten post 22 czerwiec 2006, 18:25
Wie ktoś jak to zrobić? (opisałem wyżej) Wrzuciłem najnowszą wersję szablonu ( http://www.bmatrix.e....net.pl/strona/ ), pod IE wszystko jest tak jak powinno być, pod innymi przeglądarkami prawie dobrze. Tylko ten blok content nie pasuje.

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.