центрирано разположение на таблица

[Pussycat]

Здравейте, можете ли да ми дадете някакъв код (предполагам CSS) за центриране на дадена таблица (или въобще цялата html част на сайт) за каквато и да е била резолюция ?

Благодаря :wink:

 

[dominik]

Да, можем. Много важно при центрирне на таблици е да зададеш:

html, body {height:100%;}

По-горното важи с особена сила за сайтове, които би искал да валидираш според някакъв DOCTYPE. Ако не добавиш този ред в CSS-а е много вероятно в доста браузери кода ти да не е центриран вертикално.
Ето ти и един пример:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>index</title>
<style>
html, body {height:100%;}
.valign {vertical-align: middle;}
</style>
</head>
<body bgcolor="#000000">
<table width="100%" height="100%">
<tr align="center" valign="center" class="valign">
<td style="color: white;" class="valign">
ENTER
</td></tr></table>
</body>
</html>

 

[emagi]

<table align="center" ....>
...........
</table>

а и ако искаш виж моя урок,макар да става дума за див!

 

[Pussycat]

Аз знам как се центрира посредата, но явно не съм се изразил правилно.


Ако екрана е 600х600 и 150х150 пиксела е таблицата.

150 пиксела от горния ъгъл на долу, и 150 пиксела на дясно (за да отиде в центъра).

Тоест не искам таблицата да е горе в екрана, а да е на равни разстояния от всеки ъгъл - точно посредата.

Не искам <br><br><Br> защото при различните резолюции е друго, нали се сещате ?

 

[emagi]

Явно ние не сме се изразили правилно!С две думи искаш да кажеш, че знаеш как се центрира хоризонтално, а искаш да разбереш как се центрира вертикално.
AKo беше си направил труда да пробвай даденото от нас, щеше да видиш че има вече даден отговор на твоя въпрос

 

[skatebord]

margin: auto auto;

 

[emagi]

<html>
<head>
<style type="text/css">

</style>
</head>
<body>
<div id="mydiv"><img src="slack1.jpg" width="400" height="320"></div>
</body>
</html>