Hacker News new | past | comments | ask | show | jobs | submit login

Right. Now center it vertically. Also don't make any assumptions (like fixed height, or display: block) about container and the box to be centered.



http://cssdeck.com/labs/aqdw0l21/0

Container has fixed dimensions in my example, but it does not matter in this case.


If container height is given by percentage you have to wrap it in another div with display: table. And if container is supposed to behave like inline-block you have to wrap it in yet another one. If you need to sprinkle around some margins and paddings (esp. with percentage height) you have to choose boilerplate divs to apply them to carefully.

Btw. your approach is exactly same that we had 10 years ago but with CSS table behavior faking rather than table tag.

Yay. Progress.


removing them matters...




Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact

Search: