Отправляет email-рассылки с помощью сервиса Sendsay

За 2008-09-19

Re[3]: Центрирование в CSS

Hello, Mega_Hobbit.

Для 6ие --это не работает и не будет работать!!!!!!!

> Да и с вертикальным тоже просто. Эта тема как-то обсуждалась в
> этой рассылке.

> Приблизительно так:

> html, body {
> height: 100%;
> }

> .element {
> margin: auto;
> }

> --
> Mega_Hobbit
> mailto:mega_hobb***@u*****.net
> http://www.weblancer.net/users/Mega_Hobbit/
> ICQ: 287814022

   2008-09-19 21:57:30 (#776489)

Re[2]: Центрирование в CSS

Hello Mikhail,

Friday, September 19, 2008, 9:37:24 AM, you wrote:

MB> Myvista - и как это работает во всех браузерах, кроме IE QuirksMode?

MB> Илья, с выравниванием по горизонтали - всё очень просто, если известна
MB> ширина блока:

MB> .element {
MB> width: 600px;
MB> margin: 0 auto;
MB> }

MB> Если ширина произвольная - остаётся только задавать margin в процентах.

MB> С вертикальным выравниванием всё намного сложнее. Сущетсвует несколько
MB> техник, обнаружавемых в поисковиках по запросу: вертикальное выравнивание.

MB> Например, вот такой:
MB> http://cssing.org.ua/2007/04/26/another-css-valign-method/

Да и с вертикальным тоже просто. Эта тема как-то обсуждалась в
этой рассылке.

Приблизительно так:

html, body {
height: 100%;
}

.element {
margin: auto;
}

   2008-09-19 14:37:49 (#776363)

Re: Центрирование в CSS

ie7 ff3 ff2 google chrome ie6 тоже должно работать, не проверял
как работает, не знаю... но вроде везде одинаково

> Myvista - и как это работает во всех браузерах, кроме IE QuirksMode?
>
> Илья, с выравниванием по горизонтали - всё очень просто, если известна
> ширина блока:
>
> .element {
> width: 600px;
> margin: 0 auto;
> }
>
> Если ширина произвольная - остаётся только задавать margin в процентах.
>
> С вертикальным выравниванием всё намного сложнее. Сущетсвует несколько
> техник, обнаружавемых в поисковиках по запросу: вертикальное выравнивание.
>
> Например, вот такой:
> http://cssing.org.ua/2007/04/26/another-css-valign-method/
>
>
> 2008/9/19 myvista <myvis***@y*****.ru>
>
>
> в контейнере, его обрамляющем, text-align: center;
> <body>
> <div style="text-align: center; border: 1px solid red;">
> <form id="for_send">
> <input type="checkbox" id="d_5960" value="d_5960" style="width:20px;
> border:
> 0;" onClick="send_diff('d_5960')">
> <input type="checkbox" id="d_5961" value="d_5961" style="width:20px;
> border:
> 0;" onClick="send_diff('d_5961')">
> <input type="checkbox" id="d_5962" value="d_5962" style="width:20px;
> border:
> 0;" onClick="send_diff('d_5962')">
> <span id="for_diff"></span>
> <input type="submit" style="display: none;" id="send" value="отправить">
>
> </form>
> </div>
> </body>
> Уважаемые коллеги,
> как в CSS мне сделать центрирование блока? Т.е. нужно расположить его
> ровно
> в центре страницы, и чтобы изменение его размеров не влияло на его
> положение.
>
> --
> Ilya Tatarnikoff
>
>
>
> библиотекa сайтостроительства http://www.i2r.ru/static/244/
> --
> C уважением,
> Павел Косырев
> myvis***@m*****.ru
> myvista.ru
>
>
>
> библиотекa сайтостроительства http://www.i2r.ru/static/244/
>
>
>
> библиотекa сайтостроительства http://www.i2r.ru/static/244/
>

   2008-09-19 11:05:25 (#776331)

Re: Центрирование в CSS

Myvista - и как это работает во всех браузерах, кроме IE QuirksMode?

Илья, с выравниванием по горизонтали - всё очень просто, если известна
ширина блока:

.element {
width: 600px;
margin: 0 auto;
}

Если ширина произвольная - остаётся только задавать margin в процентах.

С вертикальным выравниванием всё намного сложнее. Сущетсвует несколько
техник, обнаружавемых в поисковиках по запросу: вертикальное выравнивание.

Например, вот такой:
http://cssing.org.ua/2007/04/26/another-css-valign-method/

2008/9/19 myvista <myvis***@y*****.ru>

> в контейнере, его обрамляющем, text-align: center;
> <body>
> <div style="text-align: center; border: 1px solid red;">
> <form id="for_send">
> <input type="checkbox" id="d_5960" value="d_5960" style="width:20px;
> border:
> 0;" onClick="send_diff('d_5960')">
> <input type="checkbox" id="d_5961" value="d_5961" style="width:20px;
> border:
> 0;" onClick="send_diff('d_5961')">
> <input type="checkbox" id="d_5962" value="d_5962" style="width:20px;
> border:
> 0;" onClick="send_diff('d_5962')">
> <span id="for_diff"></span>
> <input type="submit" style="display: none;" id="send" value="отправить">
>
> </form>
> </div>
> </body>
>
> > Уважаемые коллеги,
> > как в CSS мне сделать центрирование блока? Т.е. нужно расположить его
> ровно
> > в центре страницы, и чтобы изменение его размеров не влияло на его
> > положение.
> >
> > --
> > Ilya Tatarnikoff
> >
> >
> >
> > библиотекa сайтостроительства http://www.i2r.ru/static/244/
> >
>
> --
> C уважением,
> Павел Косырев
> myvis***@m*****.ru
> myvista.ru
>
>
>
> библиотекa сайтостроительства http://www.i2r.ru/static/244/
>
>
>



библиотекa сайтостроительства http://www.i2r.ru/static/244/

   "Mikhail Baranov" 2008-09-19 10:38:59 (#776326)

Re: Центрирование в CSS

в контейнере, его обрамляющем, text-align: center;
<body>
<div style="text-align: center; border: 1px solid red;">
<form id="for_send">
<input type="checkbox" id="d_5960" value="d_5960" style="width:20px; border:
0;" onClick="send_diff('d_5960')">
<input type="checkbox" id="d_5961" value="d_5961" style="width:20px; border:
0;" onClick="send_diff('d_5961')">
<input type="checkbox" id="d_5962" value="d_5962" style="width:20px; border:
0;" onClick="send_diff('d_5962')">
<span id="for_diff"></span>
<input type="submit" style="display: none;" id="send" value="отправить">

</form>
</div>
</body>

> Уважаемые коллеги,
> как в CSS мне сделать центрирование блока? Т.е. нужно расположить его ровно
> в центре страницы, и чтобы изменение его размеров не влияло на его
> положение.
>
> --
> Ilya Tatarnikoff
>
>
>
> библиотекa сайтостроительства http://www.i2r.ru/static/244/
>

   2008-09-19 10:28:12 (#776322)