Вертикално центриране с CSS

4 отговора 260 прегледа
#1

Вертикално центриране с CSS

Една таблица искам да я центрирам вертикално с помоща на CSS.

Как се прави това ?

Отговор
в отговор на Kънчo #2

Re: Вертикално центриране с CSS

Вариантите са няколко, препоръчвам ти четиво номер 1 ( @ student.oulu.fi ) и 5 ( @ kpsatweb.cz )

[линк]



-----
dimodi web: последвай сетивата си!
Отговор
в отговор на dimodi #3

Re: Вертикално центриране с CSS

не намирам там за тейбъл. Както и да е. Ще търся

Отговор
в отговор на Kънчy #4

Re: Вертикално центриране с CSS

Ти какво???? Очакваше да има специален таг само за таблица ли???? Хайде помисли малко.

Отговор
в отговор на Kънчy #5

Ами търси, като си нямаш работа

Хубаво те насочиха хората и още от първите линкове, които излизат в Гугъл, имаш вариант за решение. Ей ти го: [линк]

Това, дето е отдолу, вземи го запиши като файл, пък го поразгледай и виж какво ще стане ако ръгнеш един "тейбъл" вътре в div-a

<html>
<head>
<title>Victoria's Vertical Centering - Test Page</title>
<style type="text/css">
html, body { background-color: red; height: 100%; margin: 0; padding: 0;
color: white; text-align: center; }
div#centered { border: 0; background-color: white; height: 50%; width: 50%;
position: absolute; left: 25%; top: 25%; color: black; }
</style>
</head>
<body>
<div id="centered">
Vertically centered div
(<a href="[линк]" title="Victoria's Vertical Centering">see comments</a>).
</div>
</body>
</html>

Отговор