 [css] roznice miedzy szablonem a wlasnym div-em |
  |
| [css] roznice miedzy szablonem a wlasnym div-em |
 17.08.2007, 13:42:28
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 27 Pomógł: 0 Dołączył: 31.03.2007 Skąd: Gdańsk Ostrzeżenie: (0%) 
 |
Witam ponownie
bazujac na kodzie szablonu pobranego ze strony d4u.pl zaczalem pisac cos wlasnego aby pocwiczyc jednak te css-y i nabrac wprawy. Oczywiscie juz na poczatku napotykam na niezrozumiale dla mnie rzeczy. Wiec mam nadzieje ze ktos bedzie mi w stanie to wytlumaczyc. Ich szablon (nr 1058 - red dragon cos tam)zawiera taka ogolna strukture: a ich css dotyczacy tego fragmentu to:
probowalem wrecz kopiowac fragmenty dotyczace diva pds i body i niestety nie moge zrobic aby pds moj byl wyposrodkowany tak jak ich (uzywam dreamwavera i mam podglad na dwa przypadki w tej samej przegladarce)w jaki sposob mozna wyposrodkowac diva (i dlaczego w szablonie jest to zrobione automatycznie - a jak kopiuje to juz to gubi) oprocz stosowania text-align:justify ? drugie pytanie czy ma znaczenie czy sie odnosi do poszczegolnych atrybutow przez klase czy id? z gory dzieki za wytlumaczenie pozdrawiam dodam jeszcze ze pod FF jest ok (w obu przypadkach jest wyposrodkowane) tylko w IE w moich probnych plikach jest glowny div przesuniety do lewej. OK sorki za zasmiecanie forum juz doszukalem sie przyczyny na 1sze pytanie: nie mialem na poczatku pliku: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" [url="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> teraz juz smiga ale na drugie pytanie to bym prosil fachowa odpjest roznica miedzy stosowaniem klass a id chcac nadac atrybuty? pozdrawiam Ten post edytował conip 17.08.2007, 14:03:54 |
 |
 
|
|
17.08.2007, 13:43:16
Post
#2
|
|
 Grupa: Zarejestrowani Postów: 113 Pomógł: 19 Dołączył: 2.08.2007 Ostrzeżenie: (0%)
|
W body przydałoby sie text-align: center;
co do drugiego pytania to polecam przeczytać: http://www.gajdaw.pl/html/css.html rozdział: Klasy i identyfikatory pzdr Ten post edytował kbsucha 17.08.2007, 13:47:58 -------------------- |
|
|
|
|
17.08.2007, 14:02:29
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 27 Pomógł: 0 Dołączył: 31.03.2007 Skąd: Gdańsk Ostrzeżenie: (0%)
|
dzieki za odp
na bank przeczytam niestety co do dodania odpowiedniego <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> to IE zaczal dobrze wyswietlac a FF juz niestety nie skolei jak wywale ten poczatek to w FF jest ok a w IE sie sypie co z tym zrobic? 
|
|
|
|
|
17.08.2007, 14:12:42
Post
#4
|
|
|
Grupa: Zarejestrowani Postów: 113 Pomógł: 19 Dołączył: 2.08.2007 Ostrzeżenie: (0%)
|
A dodales w body to co pisalem wczesniej: text-align: center;
U mnie dziala w obu przegladarkach + w Operze tez pozdr -------------------- |
|
|
|
|
17.08.2007, 14:18:35
Post
#5
|
|
|
Grupa: Zarejestrowani Postów: 27 Pomógł: 0 Dołączył: 31.03.2007 Skąd: Gdańsk Ostrzeżenie: (0%)
|
nie ma takiej potrzeby zeby dawac text-align (wczesniej probowalem owszem dzialalo ale mozna to zrobic inaczej wlasnie )
po przepadaniu teraz widze ze firefox nie widzi stylow nie laduje pliku style.css czyli cos z naglowkiem chyba |
|
|
|
|
17.08.2007, 14:22:47
Post
#6
|
|
|
Grupa: Zarejestrowani Postów: 183 Pomógł: 0 Dołączył: 19.05.2007 Ostrzeżenie: (0%)
|
Zostawić i pisać by FF wyświetlało poprawnie
Doctype to ważna sprawa, mówi przeglądarce jak interpretować kod W PDS wpisz zamiast margin:auto => margin:0 auto; Sposób z text-align: center , też zadziała, ale wymaga potem ustawiania tekstu dla pierwszego kontenera ... proste margin:0 auto załatwia wszystko naraz (wtedy już bez text align) Co do klasy a ID ... ID może być przypisane tylko jednemu elementowi, a klasy wielu... Dodatkowo ID jest przydatne przy javascript... Ja osobiście robię tak, że elementy które wystąpią tylko raz (zazwyczaj elementy głowne layoutu) mają nadane ID, a pozostałe mają class ... Ogólnie tutaj możesz dowiedzieć się ciekawych rzeczy: http://kurs.browsehappy.pl/ Ten post edytował barat 17.08.2007, 14:24:03 |
|
|
|
|
17.08.2007, 15:27:49
Post
#7
|
|
 Grupa: Zarejestrowani Postów: 345 Pomógł: 3 Dołączył: 20.02.2005 Ostrzeżenie: (0%)
|
IE 4,5,6 w trybie luźnego renderowania jeżeli użyjemy text-align to wyśrodkuje też element blokowy <div>. W trybie standardowym IE nie wyśroduke elementu blokowego czyli poprawnie.
Aby wyśrodkować element blokowy musi: mieć określoną szerokosć, w CSS trzeba nadać mu margin-left: auto i margin-right: auto. To ta piersza linijka decyduje o trybie renderowania. Czyli <!DOCTYPE>. Atrybutu class używa się wtedy gdy taki sam typ informacji będzie mieszczany w kilku miejscach na stornie. Atrybutu id wykorzystujemy do oznacznia informacji unikatowych w skali całego dokumentu. Ten post edytował Kreton 17.08.2007, 15:38:30 |
|
|
|
|
20.08.2007, 07:54:55
Post
#8
|
|
|
Grupa: Zarejestrowani Postów: 27 Pomógł: 0 Dołączył: 31.03.2007 Skąd: Gdańsk Ostrzeżenie: (0%)
|
Dzięki wszystkim za wskazówki i porady
zrobiłem tak jak Kreton radził dałem margin-left: auto i margin-right: auto oraz div ma ustaloną szerokość. Pod IE jet ok jednak firefox nadal nie załącza pliku ze stylami jak daje wklejony wcześniej <!DOCTYPE>. Co dziwniejsze sprawdzilem u siebie w domu na localhoscie i wszystko jest ok pod wszystkimi przegladarkami. Troche uporzadkowalem kod i wyslalem znow na serwer z nadzieja ze bedzie juz dobrze. ale FF nadal nie zalacza styli. Jaki musi byc przykladowy <!DOCTYPE> aby zarowno FF jak i IE poprawnie interpretowal naglowek head i widzial style.css? Ja uzyłem typowego z szablonu, który jak do tej pory mnie nie zawiódl. Przeciez to nie moze byc chyba kwestia serwera skoro ta czesc kodu ma byc obsluzona przez przegladarkę klienta? juz naprawde trace powoli cierpliwosc wiec jeszcze raz prosze o konstruktywne radypozdrawiam dodam jeszcze ze jak zmieniam na: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> to FF widzi ok, IE prawie - nie wyposrodkowuje diva glownego. OK sprawdzilem validatorem na W3C zarowno kod html jak i css - przeszlo wszystko poprawnie ale FF nadal nie widzi arkusza stylow zamieszczam kody jakby co:
a oto link do tego: http://www.43blot.mw.mil.pl/arch.php PLEASE HELP
Ten post edytował conip 21.08.2007, 11:01:45 |
|
|
|
|
20.08.2007, 20:47:13
Post
#9
|
|
|
Grupa: Zarejestrowani Postów: 345 Pomógł: 3 Dołączył: 20.02.2005 Ostrzeżenie: (0%)
|
Jak to nie ładuje ? Specjalnie zainstalowałem FF i widzę, że style działają. Na tym linku co podałeś.
Żeby wypośrodkować to w IE musisz dodać do klasy main: Kod text-align: center; Wyśrodkuje cały blok razem z tekstem, tekst będziesz musiał sobie identycznym stylem wyrównać do lewej. Najlepiej gdybyś DOCTYPE zmienił na XHTML Strict lub Transitional. np: Kod <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head> <body> </body> </html> |
|
|
|
|
21.08.2007, 07:08:22
Post
#10
|
|
|
Grupa: Zarejestrowani Postów: 27 Pomógł: 0 Dołączył: 31.03.2007 Skąd: Gdańsk Ostrzeżenie: (0%)
|
Sorki
zapomnialem ze zmienilem pozniej doctype na <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> wczesniej mialem taki:
zrobilem validacje i usunalem wszystkie bledy na ktorych FF moglby sie wywalic, ale nadal po dodaniu linku do "http://www.w3.org/TR/html4/strict.dtd" FF nie zalacza stylow a IE widzi ok teraz jest tak jak proponujesz
znow zrobilem validacje i poprawilem tagi aby to przeszlo ale FF nadal nie widzi stylow (wersja 2.0.0.6 jak to ma jakies znaczenie) jeszcze raz sorki za wprowadzenie w blad pozdrawiam Ten post edytował conip 21.08.2007, 07:23:55 |
|
|
|
|
21.08.2007, 10:16:32
Post
#11
|
|
|
Grupa: Zarejestrowani Postów: 345 Pomógł: 3 Dołączył: 20.02.2005 Ostrzeżenie: (0%)
|
Kurde, otwierałem twój link w Firefox 2.0.0.6 i style działają ! Weź sprawdź twoje ustawienia Firefoxa.
|
|
|
|
|
21.08.2007, 11:03:14
Post
#12
|
|
|
Grupa: Zarejestrowani Postów: 27 Pomógł: 0 Dołączył: 31.03.2007 Skąd: Gdańsk Ostrzeżenie: (0%)
|
sorki zmienilem link tylko w nazwie a nie w href
http://www.43blot.mw.mil.pl/arch.php teraz na bank nie beda dzialac jeszcze raz sorki za zamieszanie |
|
|
|
|
21.08.2007, 17:23:56
Post
#13
|
|
|
Grupa: Zarejestrowani Postów: 345 Pomógł: 3 Dołączył: 20.02.2005 Ostrzeżenie: (0%)
|
Nie wykopiowywuj pewnych elementów i wklejaj jak ci się podoba, mam na myśli meta i DOCTYPE.
Zastosuj to i tyle: Kod <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-type" content="text/html; charset=UTF-8" /> <meta name="Keywords" content="slowa kluczowe" /> <meta name="Description" content="opis strony" /> <title></title> <link rel="stylesheet" href="style.css" type="text/css" /> </head> <body> </body> </html> Nie zmieniaj ani DOCTYPE ani Content-type. Ten post edytował Kreton 21.08.2007, 17:25:10 |
|
|
|
|
22.08.2007, 06:37:24
Post
#14
|
|
|
Grupa: Zarejestrowani Postów: 27 Pomógł: 0 Dołączył: 31.03.2007 Skąd: Gdańsk Ostrzeżenie: (0%)
|
dałem dokładnie taki nagłówek jak proponowałeś - nic nie zmieniałem
nadal nici. Validacja na W3C zrobiona i błędów nie byłozastanawiam się czy to możę być jakoś zależne od serwera? |
|
|
|
|
22.08.2007, 19:27:36
Post
#15
|
|
|
Grupa: Zarejestrowani Postów: 345 Pomógł: 3 Dołączył: 20.02.2005 Ostrzeżenie: (0%)
|
Dziwny problem, ściągnołem całą stornkę do siebie. Zmieniłem tylko odwołania do styli żeby się zgadzały i FF widział style.
|
|
|
|
|
|
Wersja Lo-Fi | Aktualny czas: 24.07.2025 - 21:50 |
