O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O O
Div szakasz magassága
Alaphelyzetben: Minden div szakasz magassága attól függ, hogy milyen hosszú szöveget, anyagot helyeztünk el az adott div szakaszban. Ebből adódóan, a div szakaszok magassága nem biztos, hogy egyforma.
Etzt megnöveli:
- A felső padding-top, és az alsó padding-bottom értéke, ha alkalmazunk belső margót a div szakasznak.
- Keret vastagsága, ha körbe akarjuk, keretezni a div szakaszunkat.
Valamint, megadhatjuk minden div szakasznak a magasságát height.
De ilyenkor jobb, ha előre beírjuk a dokumentumunk szövegét, elhelyezzük fotóinkat, ha vannak.
Majd ezek hely igényének megfelelően meghatározzuk a szükséges magasságot, amit a div szakaszunknak meghatározunk.
2. Margin-top
mínuszos értékkel.
3. div szakasz:
Amikor a két div szakasz között előzőleg megadott div szakaszok közötti távolságot 15px mínuszban eléri, akkor ő és a fölötte lévő div szakasz között megszűnik a távolság.
Jelenség: A 2. div és a 3. div összeér.
Ettől kezdve, ha növeljük a mínuszban megadott értéket, akkor a 3. div elindul folyamatosan felfelé, mindkét böngészőben és addig halad, még a monitorról el nem tűnik.
IE: Ballag felfelé, amely div szakaszon áthalad, szélességével megegyező területet eltakar és csak a 3. div szakasz tartalma lesz látható, azaz jól olvasható.
Minden div szakasz az eredeti helyén marad.
MA: Ballag felfelé, amely div szakaszon áthalad, szélességével megegyező területet, háttérszínét eltakarja, de az alatta lévő div szakasz szövege látható marad, így a szövegrészek olvashatatlanok lesznek, és csak a 3. div szakasz tartalma lesz látható.
Amikor elhalad a 4.div szakasz felső széle mellett, a 4. div szakasz balra mozdul, egészen a container div szakasz bal széléig és magával húzza az 5. div szakaszt.
4. div szakasz:
Amikor a két div szakasz között előzőleg megadott div szakaszok közötti távolságot 15px mínuszban eléri, akkor ő és a fölötte lévő div szakasz között megszűnik a távolság. Jelenség: A 2. div és a 4. div összeér.
Ettől kezdve, ha növeljük a mínuszban megadott értéket, akkor a 4. div elindul folyamatosan felfelé, mindkét böngészőben és addig halad, még a monitorról el nem tűnik.
IE: Ballag felfelé, amely div szakaszon áthalad, szélességével megegyező területet eltakar és csak a 3. div szakasz tartalma lesz látható, azaz jól olvasható.
Minden div szakasz az eredeti helyén marad.
MA: Ballag felfelé, amely div szakaszon áthalad, szélességével megegyező területet, háttérszínét eltakarja, de az alatta lévő div szakasz szövege látható marad, így a szövegrészek olvashatatlanok lesznek, és csak a 4. div szakasz tartalma lesz látható.
Amikor elhalad a 5.div szakasz felső széle mellett, az 5. div szakasz balra mozdul, egészen a 3. div szakasz mellé.
5. div szakasz:
A megadott értéknek megfelelően ballag felfelé még el nem tűnik a monitorrol.
IE: Mindent eltakar, és csak az 5. div szakasz lesz olvasható.
MA: Mint az átlátszó papír, ami felett áthalad annak szövege átlátszik, és így mindk