Vertikalni vycentrovani uvnitr DIVu | Archiv fóra Webzdarma.cz

Návštěvník 9CE77D30 14. 1. 2007 15:19

Nikde na internetu jsem nenasel skutecne funkcni validni postup pro vycentrovani napriklad obrazku presne na stred nejakeho absolutne umisteneho DIVu. Jde o to, ze chci, aby obrazek uvnitr DIVu mohl mit ruzne velikosti, nezavisle na nich vy se umistil vzdy na stred. Nasel jsem nejake postupy, napriklad tento: http://www.w3.org/Style/Examples/007/center-example.html. Bohuzel nefunguje v Exploreru. Proto v soucasnosti pouzivam k vycentrovani obsahu tabulky, konkretne udelam pres celoy DIV jednu bunku tabulku, jejiz obsah vertikalne i horizntalne vycentruju. Bohuze tento posup diky pouziti parametru height neni v novejsich typek dokumentu validni. Pomuze nekdo? Dekuji

Návštěvník 644B1B24 14. 1. 2007 15:47

Margin? (případně padding, teď nevim kterej je kterej ... =)

Návštěvník 9CE77D30 14. 1. 2007 17:26

Tom: Postup margin-left a margin-right na auto nahoriznotalni vycentrovani mi nefunguje pri margin-top a margin-bottom na auto na vertikalni vycentrovani...

Návštěvník 16323E79 14. 1. 2007 17:47

Jakub123455: 1) skus se vyjadrit nejakou kloudnou vetou 2) a ten margin prirazujes cemu?

Návštěvník 9CE77D30 14. 1. 2007 17:58

Uz jsem asi nasel co chci... http://www.jakpsatweb.cz/css/priklady/vertical-align-valid-solution-en.html

Návštěvník 9CE77D30 14. 1. 2007 22:34

http://jakub123.wz.cz/test10/pokus.html mam problem pri vertikalnim centrovani.Viz tento link. chel bych, aby byl obrazek uplne uprostred, misto toho je kus pod nim prazne misto a obrazek je mirne vychylen nahoru. Co bych mel doplnit? Zkousel jsem padding a margin u tagu IMG na nulu a nepomohlo to. Diky.

Návštěvník 16323E79 14. 1. 2007 23:07

Napadá mě, že by to šlo vyřešit takhle: nenastavuj tomu divu pevnou výšku, a dej např. padding: 50px 0 50px 0; takhle bude horni i spodní okraj stejnej ;-)

Návštěvník 9CE77D30 15. 1. 2007 12:18

Mike. Diky za radu, ale to nepomohlo. On je totiz problem v tom tagu IMG,kterej jakoby zabira i misto pod obrazkem. Kdyz napriklad zadam misto obrazku nejaky text oddeleny tagy <BR>, zadne misto pod textem neni a text je presne vycentrovany.

Návštěvník 644B1B24 15. 1. 2007 12:41

Co tohle: <div class="greenBorder" style="display: table; height: 400px; _position: relative; overflow: hidden;"> <div style=" _position: absolute; _top: 50%;display: table-cell; vertical-align: middle;"> <div class="greenBorder" style="_position: relative; _top: -50%; "> <img src="legglass.jpg" style="display: block;"> </div> </div> </div> kde třída greenBorder má pouhé border: 1px solid green; ? Funguje ? Pokud jo, tak si ty inline styly předělej :)

Návštěvník 9CE77D30 15. 1. 2007 13:56

Tom: Diky, uz to funguje. Dulezite bylo pripsat k tagu IMG ten style="display: block;"

Návštěvník 16323E79 15. 1. 2007 17:28

No eště sem napíšu: mě to teda fachá, tak jak sem to napsal... ovšem pouze pokud není text v odstavci... http://djchemo.wz.cz/www/vertical.html

Návštěvník 9CE77D30 15. 1. 2007 19:54

Mike: Tvuj postup jsem si stahnul na prostudovani. Zasadni rozdil vidim v tom, ze ja potrebuju vycentrovat obrazek na stred DIVu, ktery ma danou predem vysku a sirku, coz jsem vyslovne zde nenapsal, bylo to jen ve zdrojovem kodu stranky..

Návštěvník 16323E79 16. 1. 2007 13:44

Tak tohle sem tak nějak taky obešel: například chcu mít patičku vysokou 30px, a text vycentrovenej. No tak nastavím { font-size: 12px; padding-top: 9px; padding-bottom: 9px; height: auto; } Když sem hodil 30px texturu na pozadí, krásně fo fachalo ve všech 3 prohlížečích ;-) Tohle je nejjednodušší, ale taky při složitějším rozvržení už se to moc nedá...