MozillaPL.org - polskie centrum Mozilli

autor: **jacekzaw** » 13 grudnia 2006, 18:32

Może ktoś ma pojecie i chcialby mi pomoc rozwiazac problem:

http://webcomp.superhost.pl/mozilla/

IE ok, Opera OK, Firefox ;(

autor: **Tomek** » 13 grudnia 2006, 18:38

a validator? (nie mam IE ani opery teraz żeby zerknąć co miałeś na myśli)

autor: **jacekzaw** » 13 grudnia 2006, 18:41

chodzi o ramkę na okolo , a tresc w niej ma ją rozpychać w mozilli ramka konczy sie w polowie, nei wiadomo dlaczego

autor: **Tomek** » 13 grudnia 2006, 18:48

masz błędy w kodzie - niepozamykane paragrafy, bloki... popraw kod. Dlatego to się dzieje.

autor: **jacekzaw** » 13 grudnia 2006, 19:10

link

po poprawkach bledu

[nie umieszczaj tak długich linków - stosuj BBcode - moderator]

autor: **Tomek** » 13 grudnia 2006, 19:22

o - teraz to przynajmniej kod lepiej (chociaż zamiast <div id="middle_right_box_title1"> lepiej by chyba było stosować nagłówki rzeczywiste)
Wracając do tematu - FF zachowuje się jak najbardziej poprawnie. Otóż zastosowałeś float:left - czyli krótko mówiąc - "wyskoczenie" danego bloku z domyślnego układu i otaczanie go odpowiednio po lewej czy prawej stronie. Ale nie powiedziałeś kiedy to się ma skończyć.
Musisz po prostu czyścić każdy element float'owany. Jak to zrobić - najprościej umieścić zwykłe <div style="clear:both"></div> po każdym elemencie który miał nadane otaczanie. Metod jest jeszcze kilka ....
Przeglądnij forum za clear:both - jest troszkę o tym - w googlach poszukaj o clearing float...

I podkreślam - zachowanie FF jest tutaj zgodne ze specyfikacją

autor: **Gedi** » 13 grudnia 2006, 21:06

@jacekzaw, żaden tam błąd przeglądarki

. To raczej niepełny DOCTYPE. Zamiast:

Kod: Zaznacz cały: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Użyj:

Kod: Zaznacz cały: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Albo lepiej Strict:

Kod: Zaznacz cały: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd">

Jeśli dasz niepełny DOCTYPE, to Opera go oleje i wejdzie we własny quirks mode a MSIE mimo poprawnego DOCTYPE i tak źle będzie wyświetlał

.

Na koniec zrób to o czym napisał tomasiek

.

autor: **jacekzaw** » 13 grudnia 2006, 21:47

ooo

no to mam nadzieje ze pomoze

ale przy okazji mam jeszcze kilka pytan :

1. Specyfikacja HTML 4.01 mówi o tym że na stronie id nie mogą się powtarzać. Moim zdaniem kopiowanie styli identycznych pod innymi nazwami jest rzeczą denną. Mam na przykład boxik div w stylu zobacz więcej, i powtarza się on na jednej podstronie 6 razy co w takim wypadku zrobic ? Jak obejść ten temat?

2. Co do clear: both, to czy dobrze rozumiem że po każdym divie który ma float: left lub right mam wstawić diva z clear: both ?

3. Czy jak w layoucie mam typową tabelkę ze specyfikacją produktu to czy upierać się i robić ją na divach czy może mogę skorzystać z <table> i właściwości jakie ona daje ? oczywiście cały czas mówię o 4.01 Transitional.

4. Tomasiek napisałeś : "div id="middle_right_box_title1"> lepiej by chyba było stosować nagłówki rzeczywiste) ", miałeś na myśli np. zastąpienie tego kodem typu <h3></h3> np ?

5. Jak uzyskać wysokość diva 100%? jest możliwość wogóle ?

Dzięki z góry i sorry za tyle pytań, ale z divami moja zabawa raczkuje, układy tabel mam obcykane a to to calkiem cos nowego.

autor: **Tomek** » 13 grudnia 2006, 22:00

1.

jak miło że ktoś czyta specyfikację... a o class słyszałeś?
2. to zależy od układu strony - w tym konkretnym przypadku - TAK. I niekoniecznie to musi być tego typu rozwiązanie, choć to jest chyba najbardziej uniwersalne. Zerknij w google (już pisałem czego szukać)
3. IMO - specyfikacja to dane - czyli spokojnie możesz używać tabelek - nie popadaj w divitis.
4. tak.
5. jest. nie mam linka pod nosem - ale google jak zawsze pomogą...

autor: **Gedi** » 13 grudnia 2006, 22:00

1. ID może być tylko jedno. Od "powtarzania" tych samych stylów na elemencie masz CLASS:

Kod: Zaznacz cały: // w CSS .class1 { jakies_wlasciwosci ... } // w HTML <div id="id1" class="class1"><div> <div id="id2" class="class1"><div> <div id="id3" class="class1"><div>

2. Niekoniecznie. Zawsze tam, gdzie tego potrzebujesz (np. dwa elementy z float, element z clear, jeden element z float, element z clear, dziesięć elementów z float, element clear ... itd.)

3. W takich przypadkach zastosuj tabelę, właśnie od tego jest
4. Pewnie! Tomasiek mądrze pisze

. Stosuj nagłówki.
5. Jest to możliwe

pozdroofko,

PS.
Zdublowaliśmy się, @tomasiek ;P

.

autor: **Tomek** » 13 grudnia 2006, 22:02

@ Gedi - szybsi niż wiatr i jednomyślni

autor: **jacekzaw** » 13 grudnia 2006, 22:05

bardzo mi pomogliscie

dziekuje, jakbym cos jeszcze potrzebowal to mam sie do kogo zwrocic

milo.

Pozdrawiam

autor: **jacekzaw** » 14 grudnia 2006, 10:37

strona musi być napisana w HTML 4.01 Transitional Strict

jaki to będzie miało nagłówek ?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> ??

autor: **Gedi** » 14 grudnia 2006, 12:33

To jaki ma wreszcie być? Transitional czy Strict? Jeśli Transitional, to taki, jaki przytoczyłeś.

Parę postów wyżej napisałem przykłady DOCTYPE

.

autor: **Tomek** » 14 grudnia 2006, 13:42

proponuję zerknąć do specyfikacji html - albo na jakiś dobry kurs html - po polsku polecam kurs Pawła Wimmera (odświeżony) albo kurs na www.kurshtml.boo.pl. Takimi prostymi

sprawami z zasady się nie zajmujemy na forum.

MozillaPL.org - polskie centrum Mozilli

Główne menu:

ciekawy problem / bug mozilli ?

ciekawy problem / bug mozilli ?

to jednak nie to

aaa jeszcze jedna sprawa

Kto jest online

Nawigacja:

Stopka: