Függőleges középre igazítás block típusú elemeknél

Szerző:   |   2011-03-27

Habár rengeteg anyag született már a témában, a mai napig sok helyen látom a kérdést, hogy miért nem működik a vertical-align beállítás fix méretű DIV-ek esetében. A válasz egyszerű: azért, mert a DIV block típusú elem és nem úgy viselkedik, mint a táblázat cellái, ahol ugye az őskorban a valign="middle" beállítást használtuk erre a célra.

Léteznek azonban közelítő megoldások, ebből próbáltam meg párat összeszedni, de nekem az a saját véleményem, hogy a függőleges középre igazítást inkább célszerű elkerülni block típusú elemeknél.

Videó

Videó

21 hozzászólás

  1. 2011. május 9. hétfő - 13:59

    Remélem lesz css tutorial főleg ami a menükkel foglalkozik

    • 2011. május 11. szerda - 15:26

      Én meg a php-és bejelentkező felületre vagyok kiváncsi 🙂

  2. 2011. május 3. kedd - 20:06

    Szia cyrex!
    Azt elárulod nekünk, hogy milyen témában lesz a következő videód, tutoriálod.
    Válaszod előre is köszönöm.

    Üdvözlettel:
    ikristof

  3. 2011. április 25. hétfő - 23:11

    Következő tutorial mikorra várható? 🙂

    • 2011. május 2. hétfő - 19:40

      Már én is kíváncsi lennék 😀 😀 vagy nem lesz több videó? 🙁

    • 2011. május 2. hétfő - 19:45

      Lesz 🙂

    • 2011. május 2. hétfő - 21:46

      Minnél több PHP kérnék 😀 😀

  4. 2011. április 13. szerda - 21:13

    üdv! mien programmal veszed fel a videókat?

    • 2011. április 14. csütörtök - 08:52

      Camtasia Studio, de nem a legjobb program. 30 percnél hosszabb videókat már elég necces dolog rögzíteni vele HD felbontásban. A full HD meg szinte esélytelen.

  5. 2011. április 6. szerda - 18:27

    Bocsi hogy megkérdezem de mikorra várható a következő videó ? 😀
    Már kíváncsi vagyok az újabb oktatásra.

    • 2011. április 8. péntek - 14:23

      Nem tudom, valahogy mostanában nem bírom összeszedni magam, pedig nagyon kellene már valami normális anyagot nyomni.

    • 2011. április 8. péntek - 23:16

      Hát összeszedhetnéd magad 😀 😀 de türelemmel várok legalábbis én

    • 2011. április 9. szombat - 10:27

      hát én már naon várom a következőt…te nem tudsz rosszat összedobni…szval csak jó lesz a következő videó…

    • 2011. április 10. vasárnap - 11:00

      Nem baj cyrex én is várok türelemmel.. 😀

  6. 2011. április 4. hétfő - 19:27

    Hali!
    Nem ide kapcsolódik a kérdésem, problémám, de gondoltam itt teszem fel.
    Kedves Cyrex, nem csinálnál egy olyan videót, amiben bemutatod, hogyan lehet egy komplett e-mail küldő formot megcsinálni?
    Arra gondolok ezalatt, hogy nem csak egy kinézetet csinálni hozzá, hanem funkciókat is.
    Ennyi lenne a probléma 🙂 Köszi előre is, ha lesz belőle valami.
    Üdv.: EoX.

  7. 2011. április 2. szombat - 07:36

    Hi!

    Lenne egy kis problémám! Ezt bele is tettem egy .rar-ba… A hiba az lenne hogy az utolsó két dobozt jobbra kéne “lebegtetni”. Van egy Hiba mappa ott képpel el is magyarázom xD a másik mappában pedig az egész weboldal! Lécci segíts!

  8. 2011. április 1. péntek - 21:10

    Cyrex nem találtál ki nekünk valamit április 1-jére? 🙁
    😀

    • 2011. április 1. péntek - 22:34

      Tényleg csinálhattál volna valamit cyrex :D:D valami vicceset 😀

  9. 2011. március 28. hétfő - 19:38

    Helló! Azt szeretném kérdezni hogy nem tudnál e egy olyan rövidke kis videót csinálni hogy letöltöd az easyphp-t felrakod és hogy ne kelljen a php-t egyből feltölteni meg minden hogy megtudjuk úgy nézni mint te mert nekem egyszer már sikerült de már nem tudom megcsinálni. Köszi!

  10. 2011. március 28. hétfő - 18:37

    hát én inkább azt a megoldást választom hogy nem csinálok ilyan oldal struktúrát 😀 de ettől független egy újabb hazsnos videótt láthatttunk

  11. 2011. március 28. hétfő - 18:26

    Hello
    Lenne egy kérdésem: Hogyan lehet ilyet csinálni : http://kepfeltoltes.hu/view/110328/postafiok_www.kepfeltoltes.hu_.png

    Kösz

Hozzászólás

Keresés a blogon
Kategóriák
Legújabb hozzászólások
  • Bootstrap carousel

    Gondolom azóta biztos megoldottad, de azért belinkelem ide a legújabb verzióját a carousel-nek: https://getbootstrap.com/docs/4.1/components/carousel/...

  • HTML5 + CSS3 menü

    Az itt sajnos nem fog megjelenni, mert eszképeli amikor elposztolod a kommentet :(...

  • Responsive menü

    Ez a menü bot egyszerű, nem figyel ablak átméretezést és hasonlókat. Ha nincs benne tapasztalatod és nem akarsz vele szórakozni, akkor legegyszerűbb e...

  • Scrollbar színezgetés CSS-sel

    Érdekes felvetés, sosem foglalkoztam ezzel. Most ahogy megnéztem pár weboldalt teljesen véletlenszerűnek tűnik, hogy mikor tűnik el az address bar és ...

  • Bootstrap carousel

    Ha a legújabb Bootstrap-et használod és xs méretben el akarod tüntetni, akkor ez kell: .d-none .d-sm-block...

  • A flexbox model

    Lesz. Folyamatban van....

  • Scrollbar színezgetés CSS-sel

    Meglesni, megtanulni, továbbadni. Ez a helyes sorrend :)...

  • A villanyszerelés örömei panelben

    A legjobb, hogy múltkor akartam venni egy B10-est kismegszakítót. Megkérdezték a boltban, hogy mekkora a főmegszakítóm. Mondom 16-os. Erre rám akarták...

  • A villanyszerelés örömei panelben

    Örülök, hogy nem C16 Amperes az összes kismegszakító, sajnos ez manapság " divat " ! A világításra bőven elég a B6 Amperes kismegszakító, főleg azért ...

  • Scrollbar színezgetés CSS-sel

    Hali. Már régebb óta követlek, és rengeteget tanultam a videóidból, a szakmai tudásom alapjait, és még az alapokon túli tudásom jelentős részét is től...

  • HTML + CSS űrlap

    Hali, programozáshoz nem értek, de most a kliensoldali templétezés a divat. Vue JS, Angular, stb....

  • HTML + CSS űrlap

    Szia Tamás! Nagyon sokat segítettek a videóid. Köszönöm! Nem tudtam eldönteni melyik blogba írjak, ezt választottam. Azt szeretném kérdez...