Witamy na forum PC Format Zapraszamy do REJESTRACJI


Użytkownicy przeglądający ten wątek: 1 gości

[XHTML] strona się sypie ;/

#1
[XHTML] strona się sypie ;/
Postanowiłem przerobić stronę z HTML na XHTML, i wtedy zaczęły się problemy.

A więc tak, tutaj jest wersja strony w html:
http://nosane.ddl2.pl/new/index.html

Wszystko jest ok, odstępy, wielkość czcionki dopasowana itd. Postanowiłem jednak dopasować ją do xhtml. Przeleciałem więc stronę dwoma walidatorami (http://validator.w3.org/, http://www.htmlhelp.org/tools/validator/) i poprawiłem błędy.

Jednak gdy tylko dodałem DOCTYPE i zmodyfikowałem <html>, strona trochę się posypała, mianowicie:

- czcionka i odstępy na stronie zwiększyły się;
- tabelki po bokach zmieniły swoje wysokości, a dokładnie:

Tabela wygląda tak:
Kod:
._
|_| <- tu jest tło mające się nie powtarzać, z gradientem
|_| <- tło mające się powtarzać, bez gradientu

komórka bez gradientu ma się wydłużać, a z gradientem ma nie zmieniać swojej wysokości:
._
|_|
| |
| |
|_|

coś takiego ;p.
Problem w tym, że teraz na całości powtarza się tło z gradientem, a nie tak, jak to ma miejsce w wersji HTML...
Jeżeli jednak niezrozumiale to wytłumaczyłem, moge zrobić obrazki o co mi chodzi Wesoły.

I teraz pytanie - dlaczego tak się dzieje? Przeczytałem kilka artykułów o XHTML ale nie znalazłem odpowiedzi na swoje pytanie. Po drugie - jak sobie z tym poradzić?

Aha, zapomniałbym - adres strony w XHTML:

http://nosane.ddl2.pl/new/index2.html
 System operacyjny: windows_xp_2003 Przeglądarka: firefox
#2
RE: [XHTML] strona się sypie ;/
Nie do końca rozumiem w czym problem, bo strony wyglądają identycznie na Operze i tylko z jedną różnicą w Firefoksie.

XHTML 1.0 nie różni się od HTML 4.01 (w którym powinieneś utworzyć poprzednia wersję strony... widzę, że nie ma tam DOCTYPE-u, więc nie wiem w czym to pisałeś), poza uznaniem niektórych znaczników jako przestarzałych. Jeśli walidatory XHTML i CSS błędów lub ostrzeżeń nie wskazują, to problem (którego nie widzę na tych stronach) zapewne leży w małych kruczkach CSS.
 System operacyjny: windows_2000 Przeglądarka: opera
#3
RE: [XHTML] strona się sypie ;/
U mnie w firefoxie są następujące różnice:

przed zmianą na xhtml:
http://nosane.ddl2.pl/problem1.gif

po zmianie:
http://nosane.ddl2.pl/problem2.gif

Ta górna komórka ma określnoną wysokość - 495 pikseli. Potem, niżej, jest inna, która ma wysokość nieokreśloną - zależną od ilości tekstu.
Po zmianie wszystko się sypie... jakby ignoruje, że pierwsza komórka ma określoną wysokość i ustala jej wysokość na całą tabelę, wynikiem czego jest powtarzający się obrazek przez całą długość...

Do tego dochodzi zmiana rozmiaru tekstu, i odstępów pomiędzy wierszami (proszę zwrócić uwagę, na odstęp pomiędzy nagłówkiem a tekstem na obu screenach (dodam, że nie zmniejsza się podczas zmniejszania czcionki ctrl+"-" w firefoxie))...
 System operacyjny: windows_xp_2003 Przeglądarka: firefox
#4
RE: [XHTML] strona się sypie ;/
Może zacznij najpierw od zbudowania odpowiedniego arkusza CSS i struktury strony. Tekst gówny nie jest w żadnym elemencie z przypisaną klasą lub identyfikatorem! Sprawdziłem wszystkich rodziców - to są same TD/TR/TABLE i BODY na końcu. Dodatkowo BODY nie ma żadnych ustawionych atrybutów czy wielkości czcionek. Efekt? Pełna dowolność - różne UA będą różnie taką stronę wyświetlać (np. Firefox tekst daje czcionką 18 pikseli!).

Zbuduj poprawnie stronę (czyli elementy opakowujące, np. <div id="calosc"></div>, <div id="tresc_glowna_wyswietlana"></div> itp.) i dopiero wtedy pomyślimy.
 System operacyjny: linux Przeglądarka: opera
#5
RE: [XHTML] strona się sypie ;/
Przyznam się szczerze bez bicia, że nie do końca zrozumiałem Twój post.

Cytat:Tekst gówny nie jest w żadnym elemencie z przypisaną klasą lub identyfikatorem!
To znaczy? Tekst jest pomiędzy tagami <p>, a do nich przypisana jest klasa w arkuszu css... to nie wystarczy, trzeba robić coś jeszcze?

Cytat:Dodatkowo BODY nie ma żadnych ustawionych atrybutów czy wielkości czcionek
A po co w BODY atrybuty i wielkości czcionek? Przecież nie ma nigdzie wolnego tekstu, nie ograniczonego chociażby wspomnianym <p>...

Cytat:Zbuduj poprawnie stronę (czyli elementy opakowujące, np. <div id="calosc"></div>, <div id="tresc_glowna_wyswietlana"></div> itp.) i dopiero wtedy pomyślimy.
Hmm, nigdy czegoś takiego nie robiłem, będę musiał więc poszukać jakiś informacji na ten temat. Chyba, że możesz polecić mi jakąś stronę, gdzie jest to wytłumaczone (oczywiście, moge sam poszukać Wesoły)

Dzięki za zainteresowanie, i przepraszam za te lawiny pytań... jak to mówią, kto pyta nie błądzi...Oczko.
 System operacyjny: windows_xp_2003 Przeglądarka: firefox
#6
RE:  [XHTML] strona się sypie ;/
~Anonim napisał(a):To znaczy? Tekst jest pomiędzy tagami <p>, a do nich przypisana jest klasa w arkuszu css... to nie wystarczy, trzeba robić coś jeszcze?
Aaaa, wybacz, moje niedopatrzenie - rzeczywiście określasz atrybuty znacznika P, więc OK.

I widzę też przyczynę (przynajmniej czcionki) - użyłeś "12", które prowadzi do czcionki względnej. Jeśli chcesz, aby na Firefoksie (na Linuksie i w ogóle na czymkolwiek innym niż obecnie oglądasz swoją stronę) czcionki nie różniły się wielkością, używaj wielkości w pikselach, np. 12px. Jedyna metoda, aby strona zawsze wyglądała tak samo.

Cytat:Hmm, nigdy czegoś takiego nie robiłem, będę musiał więc poszukać jakiś informacji na ten temat. Chyba, że możesz polecić mi jakąś stronę, gdzie jest to wytłumaczone (oczywiście, moge sam poszukać Wesoły)
Analizowanie obecnej strony jest strasznie skomplikowane. Przykładowo zapuszczam wtyczkę WebDevelopera z FF, aby obejrzeć klasy/style/dziedziczenie danego elementu i widzę BODY, a nastąpnie ciąg TABLE/TBODY/TR/TD i w kółko... na końcu P. To jest katorga.

Strukturę strony buduje się modularnie (jeśli oczywiście ma charakter modularny, ale każda prawie ma Wesoły ), a każdy moduł powinien mieć swoje ID (lub klasę, jeśli to moduł powtarzalny). Jakieś szczegóły - podane chyba zostały w kursie WWW w PCF 10/2006, choć brakuje tam istotnej informacji, że trzeba dążyć do takiej modularnej struktury. Najprościej się uczyć na przykładzie - podejrzyj źródło mojej starej strony - po kolei ujrzysz DIV-y odpowiednio ponazywane. Każdy (prawie) DIV ma swoją rolę i przypisany mu tym samym atrybut ID lub CLASS - od razu wiadomo za co odpowiada i jakie jest dziedziczenie kolejnych elementów.
 System operacyjny: linux Przeglądarka: opera
#7
RE: [XHTML] strona się sypie ;/
Cytat:I widzę też przyczynę (przynajmniej czcionki) - użyłeś "12", które prowadzi do czcionki względnej. Jeśli chcesz, aby na Firefoksie (na Linuksie i w ogóle na czymkolwiek innym niż obecnie oglądasz swoją stronę) czcionki nie różniły się wielkością, używaj wielkości w pikselach, np. 12px. Jedyna metoda, aby strona zawsze wyglądała tak samo.
O rany, faktycznie, zapomniałem o tym... Dzięki wielkie za uświadomienie!
Cytat:Analizowanie obecnej strony jest strasznie skomplikowane. Przykładowo zapuszczam wtyczkę WebDevelopera z FF, aby obejrzeć klasy/style/dziedziczenie danego elementu i widzę BODY, a nastąpnie ciąg TABLE/TBODY/TR/TD i w kółko... na końcu P. To jest katorga.

Strukturę strony buduje się modularnie (jeśli oczywiście ma charakter modularny, ale każda prawie ma Wesoły ), a każdy moduł powinien mieć swoje ID (lub klasę, jeśli to moduł powtarzalny). Jakieś szczegóły - podane chyba zostały w kursie WWW w PCF 10/2006, choć brakuje tam istotnej informacji, że trzeba dążyć do takiej modularnej struktury. Najprościej się uczyć na przykładzie - podejrzyj źródło mojej starej strony - po kolei ujrzysz DIV-y odpowiednio ponazywane. Każdy (prawie) DIV ma swoją rolę i przypisany mu tym samym atrybut ID lub CLASS - od razu wiadomo za co odpowiada i jakie jest dziedziczenie kolejnych elementów.
Wziąłem się już za przeglądanie Twojej starej strony, i faktycznie, różnica jest ogromna. Zaraz biorę się za przebudowę strony, a właściwie będę ją budował od początku, gdyż wpadłem na pomysł pewnych udogodnień po przejrzeniu kodu Twojej strony. Oczwiście postaram się zbudować ją modularnie, zobaczymy co z tego wyjdzie Wesoły. Dobra, to ja sie biore do roboty!

Jak będą już jakieś efekty to dam znać Język. Jeszcze raz dzięki!
 System operacyjny: windows_xp_2003 Przeglądarka: firefox
#8
RE: [XHTML] strona się sypie ;/
To ja dziękuję. Miło, że mój stary kod się na coś przyda Wesoły.
 System operacyjny: linux Przeglądarka: opera
Programy: Polecane / Nowe / Inne




Podobne wątki ([XHTML] strona się sypie ;/)
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Strona źle wyświetla się w IE czesio1 1 7180 24.01.2017, 16:35
Ostatni post: koneton
Ściana Strona na WordPress - nie wyświetlają się reklamy mateo33 1 6939 05.12.2016, 13:29
Ostatni post: raxer
  Kurs xhtml+css - videokurs Arato 2 7522 19.05.2015, 02:38
Ostatni post: Arato

Skocz do:


Wybrane wątki ([XHTML] strona się sypie ;/)
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Przekazywanie stanu sesji między plikami php dawswi1 2 1788 26.01.2020 16:35
Ostatni post: dawswi1
  Mixed content na protokole HTTPS Unlimited 1 3330 20.11.2019 14:05
Ostatni post: raxer
  Pozycjonowanie, toksyczne linki Alsenas 13 5951 19.11.2019 14:48
Ostatni post: Centor
Question Co sądzicie o edytorze Gutenberg w WordPress? radekhetero 2 6112 15.11.2019 15:55
Ostatni post: Alsenas
  Konfiguracja wampserver 2019. ~Anonim 3 4316 11.10.2019 05:26
Ostatni post: Michu_PL
  wyswietlanie pliku w php roxses 0 4252 07.10.2019 14:43
Ostatni post: roxses
  Content Management System thinkPL 6 4221 06.10.2019 22:08
Ostatni post: thinkPL
  PHP - przycisk wykonujący równanie SalyWan 1 3871 03.10.2019 16:11
Ostatni post: Szachista
  Skopiowanie strony forum przez program HTTrack Website Copier ANDREAN 9 6926 06.09.2019 21:51
Ostatni post: ANDREAN
  Poszukuję skryptu ogłoszeń / Joomla. dongtuuyen 2 6284 25.07.2019 09:56
Ostatni post: Spidi
  Upload pliku na serwer i do bazy danych mati514 3 6973 16.05.2019 17:12
Ostatni post: mati514
Big Grin [PHP] Rotator linków, który nie wyświetli danego linka. semozo 1 7960 13.04.2019 10:29
Ostatni post: wlisik
  Wywołanie diva funkcją SebastianF 3 8378 25.03.2019 10:55
Ostatni post: hydr4x
Scared front-end czy back-end gbr 7 13544 23.03.2019 16:56
Ostatni post: luciussulla
  Gdzie odpłatnie wypozycjonować swoją stronę w html5 w google za 100zł? aktywny27 13 27866 17.02.2019 21:44
Ostatni post: SEMPIRE