[CSS] Problem z div overflow-y

[Bielo .]

mam div'a w którym mam tekst... 8)
ustawiam style="height: 275px; width: 436px; background: #ffffff; overflow-y: auto; text-align: left"

i w M$IE wszystko jest tak jak chciałem (czyli w przypadku za dużej ilości tekstu pojawia mi się scroll), a w Mozilli tekst wylewa się z diva (div się sie rozciąga!) i wchodzi na to co jest poniżej

[quiris]

overflow-y

Takiego czegoś nie ma w specyfikacji CSS 2.0.

[Bielo]

Zaskoczenie

To jak wg CSS2 zrobić diva ze scrollami? (konkretnie jednym - pionowym)

[ankha]

Jest tylko "overflow", czyli nie ma czegoś takiego jak "overflow-y" i "overflow-x". Jasne?

[Gedi]

Nie ma, ale może być (gdzieś już wyczytane) ... .

[Taeril]

Kod: Zaznacz cały

<style type="text/css">
body { overflow-y: hidden; overflow-x: scroll;}

</style>

This Page Is Valid HTML 4.01 Strict!

* Line : 12 property overflow-y does not exist for this profile, but is validated conforming to another profile
* Line : 12 property overflow-x does not exist for this profile, but is validated conforming to another profile

another profile? To jak to jest z tymi overflow, bo ja już nie wiem w tylu miejscach widziałem to -y/-x a na w3c nie widze wzmianki przy ocverflow o nich a tu z CSS validator niezrozumiale dla mnie się wypowiada - móglby to ktoś wyjaśnić, gdzie jest to overflow-y/-x?

[quiris]

another profile? To jak to jest z tymi overflow, bo ja już nie wiem w tylu miejscach widziałem to -y/-x a na w3c nie widze wzmianki przy ocverflow o nich a tu z CSS validator niezrozumiale dla mnie się wypowiada - móglby to ktoś wyjaśnić, gdzie jest to overflow-y/-x?

overflow-y/-x został zdefiniowany w szkicu roboczym opracowywanego standardu CSS 3: http://www.w3.org/TR/css3-box/#the-overflow-x

Validator CSS słusznie wspominał o innym profilu. Od niedawna dostępny jest profil CSS version 3, który możemy sobie wybrać odwiedzając stronę: http://jigsaw.w3.org/css-validator/validator-uri

[Taeril]

To nie mógł jasno napisać, że to o CSS3 chodzi? Bo ja sie głowiłem o jaki profil mu chodzi :>
Ja przechodze do strony walidatora z menu webdevelopera to mogłem nie widizeć tego :>

[ng]

problem wypływającego tekstu z diva ! ? bo gadacie o css2/css3 a nie o problemie !

[Ancestor]

problem wypływającego tekstu z diva ! ? bo gadacie o css2/css3 a nie o problemie !

Proponuję przeczytać jeszcze raz - ze zrozumieniem.

[dembik]

overflow:auto

[kosa7]

<div style='height:200px;overflow:auto'>

tu tekst

</div>

Tak wyglada poprawnie

[hidee]

Mam nadzieję, że poniższa odpowiedź z validatora CSS da odpowiedź w tym sporze:

Wpisałem:

Kod: Zaznacz cały

p
{
  overflow-y:hidden;
}


odpowiedź:

Kod: Zaznacz cały

Errors
URI : file://localhost/TextArea

    * Line: 3 Context : p

      Property overflow-y doesn't exist : hidden



Póki co używa się tylko CSS i CSS2. Do walidacji stylów polecam używać CSS Validatora, a nie zwykłego validatora.
Link do CSS Validatora:
http://jigsaw.w3.org/css-validator/

[Tomek]

hidee - o walidatorze css wiadomo od dawna. jest też w tym wątku o tym
Dodatkowo - overflow-y jak na razie nie istnieje. Do czasu aż go nie ma w oficjalnej specyfikacji -> nie ma go w ogóle.
Walidator html z definicji nie nadaje się do sprawdzania css.

[Gość]

Nie tak do końca nie istnieje: http://www.w3.org/TR/2002/WD-css3-box-2 ... overflow-x

To tylko working draft, ale FF część obsługuje . Poza tym CSS Validator ma możliwość sprawdzania arkuszy stylów także pod kątem CSS 3.

[Tomek]

Jak widzisz - podałem w oficjalnej specyfikacji. Wszelkie WD nie mogą być nazywane specyfikacją - tylko szkicami.
Co do CSS 3 - co z tego że część jego możliwości obsługuje FF czy Opera... skoro IE ma problemy nawet z CSS 1.
Do czasu aż nie ma tego w OFICJALNEJ specyfikacji - nie istnieje.

[Gość]

FF i IE obsługują overflow-[x|y], IE wprawdzie tylko w quirks mode, czy transitional doctype, ale zawsze . Opera nie obsługuje tego w ogóle .

[diablownik]

IE7 podobno w całości obsługuje już CSS1, chociaż z CSS2 ma nadal problemy (mimo że i tak jest lepiej niż było).
Ale właściwie można zapytać - co z tego, jeśli nie ma (na razie) wersji polskiej i będzie on dostępny tylko dla użytkowników Windows XP SP2 i Vista?
Część użytkowników zostanie prawdopodobnie przy starym IE i to jest największa porażka tej przeglądarki...

[Tomek]

IE wprawdzie tylko w quirks mode,

Quirks mode to nie tylko transitional - może być nawet strict a IE wejdzie w tryb quirks. Jak wiadomo wraz z tym trybem dość często pojawiają się inne problemy.
Do czasu aż nie będzie oficjalnej specyfikacji css 3 i nie będzie ona wprowadzona przez większość przeglądarek (wyłączam IE z rozrachunku bo to bez sensu) to nie mamy co gdybać...