Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > всегда поцентру - всегда максимальный

Автор: sith 23.5.2007, 14:02

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

Автор: yalo 23.5.2007, 14:28

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

Автор: yalo 23.5.2007, 14:54

а вообще для расширения содержимого страницы следует задавать свойство 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>

возможно есть еще какие-то способы.. все зависит от задачи

Автор: sith 23.5.2007, 15:39

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

Автор: Georgio 23.5.2007, 15:52

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

Код


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

Автор: Uratsakidogi 23.5.2007, 15:53

Если размеры известны, то можно задать ей position: absolute; top: 50%; left: 50%; и отрицательные верхний и левый маргины в половину высоты и ширины картинки соответственно.

Автор: sith 23.5.2007, 16:10

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

Автор: Georgio 23.5.2007, 16:21

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

Если последнее, то мы с Uratsakidogi все верно говорим smile

Автор: sith 23.5.2007, 17:03

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

Автор: Georgio 23.5.2007, 21:21

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

640 480

800 600

1024 768

итд

Можеь себе представить, что будет с твоей картинкой. Ширина и высота увеличиваются не пропорционально. В это вся фишка. Поэтому нетянущейся картинкой заполнить всю страничку не получится.

Автор: Uratsakidogi 23.5.2007, 23:12

sith, другими словами, показывай макет.