| ← Сентябрь 2008 → | ||||||
|
1
|
2
|
3
|
4
|
5
|
6
|
7
|
|---|---|---|---|---|---|---|
|
8
|
9
|
10
|
11
|
12
|
13
|
14
|
|
15
|
16
|
17
|
18
|
21
|
||
|
22
|
23
|
24
|
25
|
26
|
27
|
28
|
За последние 60 дней ни разу не выходила
Сайт листа:
http://blog.nundesign.com
Открыт:
06-08-2003
Пре-модерация: Да
Адрес для писем в лист: inet.webbuild.webbuilding-list@subscribe.ru
Адрес
модератора: inet.webbuild.webbuilding-owner@subscribe.ru
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
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;
}
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/
>
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/
в контейнере, его обрамляющем, 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/
>
