Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> всегда поцентру - всегда максимальный 
:(
    Опции темы
sith
Дата 23.5.2007, 14:02 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 537
Регистрация: 11.2.2007

Репутация: нет
Всего: 1



... как сделать так что бы страничка всегда была по центру браузера и максимизировалась в соответсвии с разширеинем пользователя...


--------------------
Там где ты ставишь глупые смайлики, я вбиваю восклицания знаки!!!
PM MAIL   Вверх
yalo
Дата 23.5.2007, 14:28 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 210
Регистрация: 24.5.2006

Репутация: нет
Всего: 2



как это - и чтобы максимизировалась в соответствии с разрешением и в то же время центрировалась? если ее растянуть во всю ширину экрана, то какая разница как ее центрировать? - она же вся займет весь экран и никаких отступов слева или справа не будет, если и будет задано центрирование, то видно-то его не будет..
или я что-то не так поняла?
PM MAIL ICQ   Вверх
yalo
Дата 23.5.2007, 14:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 210
Регистрация: 24.5.2006

Репутация: нет
Всего: 2



а вообще для расширения содержимого страницы следует задавать свойство width: 100% для элемента body

а для центрирования страницы фиксированной ширины можно пометить все содержимое в основной блок, для которого задано свойство margin: 0px auto
для примера такой код

Код

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

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

 html {
      height:100%;
      margin: 0px;
      padding: 0px;
    }
body {
  width: 100%;
  background: red;
  height: 100%;
  margin: 0px;
  padding: 0px;
}

#main {
  margin: 0px auto;
  width: 500px;
  height: 100%;
  background: green;
}


</style>
</head>

<body>
<div id="main"></div>

</body>

</html>


возможно есть еще какие-то способы.. все зависит от задачи
PM MAIL ICQ   Вверх
sith
Дата 23.5.2007, 15:39 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 537
Регистрация: 11.2.2007

Репутация: нет
Всего: 1



а если нужно что бы картинка была по центру страницы... как по вертикали так и по горизонтали...???


--------------------
Там где ты ставишь глупые смайлики, я вбиваю восклицания знаки!!!
PM MAIL   Вверх
Georgio
Дата 23.5.2007, 15:52 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 446
Регистрация: 21.2.2007
Где: Москва

Репутация: 2
Всего: 5



Абсолютное позиционирование, 

Код

img {
   position:absolute;
   left:50%;
   top:50%;
}

PM MAIL WWW ICQ Skype   Вверх
Uratsakidogi
Дата 23.5.2007, 15:53 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 118
Регистрация: 17.10.2006

Репутация: 11
Всего: 11



Если размеры известны, то можно задать ей position: absolute; top: 50%; left: 50%; и отрицательные верхний и левый маргины в половину высоты и ширины картинки соответственно.
--------------------
ЖЖ | ВерстаюНЕПОЗВОЛЯЙТЕ ЯЩЕРИКАМ, ОТРИЦАТЕЛЬНЫМ ИНОПЛАНЕТЯНИНАМ ОВЛАДЕВАТЬ ВАС, НЕ СТАНОВИТЕСЬ ИХ МАРИОНЕТКАМИ!
PM MAIL WWW ICQ Skype   Вверх
sith
Дата 23.5.2007, 16:10 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 537
Регистрация: 11.2.2007

Репутация: нет
Всего: 1



но так он дает позицию крайней  левой верхней точки... а так что бы высчитало и поставило по середини...


--------------------
Там где ты ставишь глупые смайлики, я вбиваю восклицания знаки!!!
PM MAIL   Вверх
Georgio
Дата 23.5.2007, 16:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 446
Регистрация: 21.2.2007
Где: Москва

Репутация: 2
Всего: 5



1. картинка резиновая или какая? Она будет тянутся? Замостить окно браузера или просто залепить картинку посередине.

Если последнее, то мы с Uratsakidogi все верно говорим  smile 
PM MAIL WWW ICQ Skype   Вверх
sith
Дата 23.5.2007, 17:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 537
Регистрация: 11.2.2007

Репутация: нет
Всего: 1



НУ ЕСЛИ разширение броузера не совпадает с разширением картинки то картинка должна увеличиваться или уменьшатьчся...


--------------------
Там где ты ставишь глупые смайлики, я вбиваю восклицания знаки!!!
PM MAIL   Вверх
Georgio
Дата 23.5.2007, 21:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 446
Регистрация: 21.2.2007
Где: Москва

Репутация: 2
Всего: 5



Значит так. Браузеры бываю такие:

640 480

800 600

1024 768

итд

Можеь себе представить, что будет с твоей картинкой. Ширина и высота увеличиваются не пропорционально. В это вся фишка. Поэтому нетянущейся картинкой заполнить всю страничку не получится.
PM MAIL WWW ICQ Skype   Вверх
Uratsakidogi
Дата 23.5.2007, 23:12 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 118
Регистрация: 17.10.2006

Репутация: 11
Всего: 11



sith, другими словами, показывай макет.
--------------------
ЖЖ | ВерстаюНЕПОЗВОЛЯЙТЕ ЯЩЕРИКАМ, ОТРИЦАТЕЛЬНЫМ ИНОПЛАНЕТЯНИНАМ ОВЛАДЕВАТЬ ВАС, НЕ СТАНОВИТЕСЬ ИХ МАРИОНЕТКАМИ!
PM MAIL WWW ICQ Skype   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.1177 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.