ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Выравнивание по центру окна
9 сообщений из 9, страница 1 из 1
Выравнивание по центру окна
    #35686184
kasyanov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
kasyanov
Участник
Нужно сверстать небольшой сайтик, но опыта совершенно нет.
Условие - все содержимое должно быть фиксировано по ширине (не резиновым), но при расширении окна браузера все содержимое , не меняя ширины, должно сдвигаться к центру.
Подскажите, какими средствами это реализовать?

пример такого смещения при расширении окна, если я непонятно написал - сайт http://www.ikea.com/ru/

Алексей
...
Рейтинг: 0 / 0
01.12.2008, 17:49
| Ответить | Цитировать | Написать  
Выравнивание по центру окна
    #35686282
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IDVsbruck
Участник
Я использую следующую комбинацию:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
...
<table width="100%" height="680" align="center" border="0" cellpadding="0" cellspacing="0">
	<tr class="header">
		<td> </td>
		<td width="980">контент сайта</td>
		<td> </td>
	</tr>
</table>
В ИЕ и ФФ показывается одинаково, при масштабировании центрируется, без js.
...
Рейтинг: 0 / 0
01.12.2008, 18:28
| Ответить | Цитировать | Написать  
Выравнивание по центру окна
    #35692159
Фотография akopium
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
akopium
Участник
IDVsbruck,

я тоже это юзаю, но....
вот что мне ответили на такой же ответ

я задумалсо.....
...
Рейтинг: 0 / 0
04.12.2008, 02:31
| Ответить | Цитировать | Написать  
Выравнивание по центру окна
    #35692161
H.A.M.
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
H.A.M.
Участник
Я когда-то так делал:
index.css :
Код: plaintext
1.
2.
3.
.ctr{ height:  100 %; }
.ctr body{ margin:  0 ; padding:  0 ; height:  100 %; min-height:  100 %; }
.ctr table{ height:  100 %; width:  100 %; background-color: white; }
.ctr table tr{ text-align: center; vertical-align: middle; }
index.html :
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
<html class="ctr"> 
  <head> 
    <link rel="stylesheet" href="./index.css" type="text/css">
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  </head> 
  <body> 
    <table> 
      <tr height="100%"><td>
        Центр тут!
      </td></tr> 
    </table> 
  </body> 
</html>
--------------------
We are there
--------------------
...
Рейтинг: 0 / 0
04.12.2008, 02:42
| Ответить | Цитировать | Написать  
Выравнивание по центру окна
    #35692834
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IDVsbruck
Участник
akopiumIDVsbruck,

я тоже это юзаю, но....
вот что мне ответили на такой же ответ

я задумалсо.....
По ссылке ничего нет, так что цитаты приводи тут.
...
Рейтинг: 0 / 0
04.12.2008, 11:39
| Ответить | Цитировать | Написать  
Выравнивание по центру окна
    #35695051
Фотография akopium
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
akopium
Участник
IDVsbruck, цитата

Вопрос топикстартера
возник вопрос ,относящийся,скорее к "юзабилити": какой лучше определить размер body?
например: есть фон и само "тело",так вот не могу определиться с шириной, какую лучше назначит, да, забыл сказать: она будет статичной, то есть не растягиваться, фон - будет, она - нет.


то что ляпнул я
<html>
<head>
<title>То что я имел ввиду</title>
</head>
<body bgcolor="#000000" style="padding:0px; margin:0px;">
<table cellspacing="0px" cellpadding="0px" border="0px" width="100%" height="100%">
<tr>
<td width="5%" />
<td width="990px" bgcolor="#FFFFFF" />
<td width="5%" />
</tr>
</table>
</body>
</html>


А вот это, надеюсь я правильно понял автора, работать не будет так как body всегда 100%

<html>
<head>
<title>Автор</title>
</head>
<body width="700px" bgcolor="#000000" />
</html>

зы выбирать ширину или высоту body можно только в фреймах



то что ответили
akopium, не надо путать народ (в частности, новичков, кто это прочитает) устаревшей информацией, уже двано всё оформление приписывается в цсс, во-первых, во-вторых, ширину, как и высоту, можно задать не только body, но и html:
CODE
body {
width: 800px;
margin: 0 auto;
}

этот css присваивает боди ширину 800 пикселй и центрирует его по горизонтали.

В-третьих говорить не буду, таблицами или дивами верстать — личное дело каждого, если у заказчика нет определенных требований.

Настоятельно советую обновить ваш запас знаний касательно верстки ;-)
...
Рейтинг: 0 / 0
05.12.2008, 01:21
| Ответить | Цитировать | Написать  
Выравнивание по центру окна
    #35695066
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IDVsbruck
Участник
Замечательное решение. Приму во внимание.
...
Рейтинг: 0 / 0
05.12.2008, 01:55
| Ответить | Цитировать | Написать  
Выравнивание по центру окна
    #35695072
Фотография akopium
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
akopium
Участник
тока я не понял как прижаться к какому-то краю?
хотя и не пытался, просто пофлудить захотелось :)
...
Рейтинг: 0 / 0
05.12.2008, 02:17
| Ответить | Цитировать | Написать  
Выравнивание по центру окна
    #35695992
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IDVsbruck
Участник
А, кстати ... есть загвоздочка. Зачастую, когда рабочая обрасть фиксированная и четкого размера, для эстетического отображения хочется, чтобы фон все же оставался на всем экане. С помощью этого способа, когда ограничивается размер body, такого не получается. Так что, к сожалению, он не универсален.
...
Рейтинг: 0 / 0
05.12.2008, 13:13
| Ответить | Цитировать | Написать  
9 сообщений из 9, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Выравнивание по центру окна
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&fpage=309&tid=1455467]:
 0ms
get settings:
 6ms
get forum list:
 14ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 36ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 37ms
get tp. blocked users:
 1ms
others: 196ms
total:  304ms
созд. / загр.: 304ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]