Jump to content
  • 0

содержимое по центру страницы

iipo

Asked by iipo,

 Share

Question

iipo Explorer

iipo

Posted
Posted

Как сделать так, чтоб при больших разрешениях все содержимое смещалось по центру?

И свободное пространство справа и лева заполнялось нужными элиментами (изображениями)?

Заранее благодарен!

Link to comment
Share on other sites

26 answers to this question

Recommended Posts

  • 0
iipo Explorer

iipo

Posted
  • Author
Posted

Мне нужны не элементы в теге body сделать в центре, а чтоб вся страница смещалась в центр, а справа и лева заполнялось изображениями!

Пример: просмотрите этот сайт http://www.free-lance.ru/ при разрешении 1024:768 и 1280:1024

При разрешении 1024:768 - сайт на полную страницу браузера, а с разрешением 1280:1024 - в право и лево уходят градиенты, которые такого же цвета, как и параллельный элемент (изображение).

Link to comment
Share on other sites
  • 0
rash Explorer

rash

Posted
Posted

В body скорее всего придется положить блок со всем содержимым, для которого задать

margin: 0 auto;

а в отдельную таблицу стилей для IE

text-align: center;

а потом поправить унаследованные выравнивания во вложенных элементах.

Link to comment
Share on other sites
  • 0
iipo Explorer

iipo

Posted
  • Author
Posted
В body скорее всего придется положить блок со всем содержимым, для которого задать

margin: 0 auto;

а в отдельную таблицу стилей для IE < 6 добавить правило для body

text-align: center;

а потом поправить унаследованные выравнивания во вложенных элементах.

То есть, взять просто объеденить все блоки страницы в один и установить его в центр?

Но тогда, как быть с градиентами которые должны выезжать при больших разрешениях?

Link to comment
Share on other sites
  • 0
strix Explorer

strix

Posted
Posted
Но тогда, как быть с градиентами которые должны выезжать при больших разрешениях?

Откуда они будут "выезжать" при больших разрешениях? Вы уже пробовали сделать что-то? Если да - то выложите ваши соображения и конкретные проблемы, с которыми столкнулись

Link to comment
Share on other sites
  • 0
iipo Explorer

iipo

Posted
  • Author
Posted
Для body можно задать отступы справа и слева, точно также это можно сделать и для основной таблицы

Мне нужно конкретно, как на http://www.free-lance.ru/ . Мне нужно, чтоб контент изменялся автоматиччески под разрешение манитора!

Link to comment
Share on other sites
  • 0
iipo Explorer

iipo

Posted
  • Author
Posted
Мне нужно, чтоб контент изменялся автоматиччески под разрешение манитора!

Пользуйте проценты :)

Для получения результатов, как на http://www.free-lance.ru/ , % не будут работать и выполнять то, что требуеться!

Link to comment
Share on other sites
  • 0
Дядя Саша Explorer

Дядя Саша

Posted
Posted

  - в начале

  - в конце.

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

Вы это видели?!

Link to comment
Share on other sites
  • 0
Jenek Explorer

Jenek

Posted
Posted

Долго искал на фрилансе градиенты, ненашел (может не успели загрузиться)

Как я понял вам нужны такие полоски как у менюшки Главная | Каталог фрилансеров | Блоги | Статьи | Магазин | Интервью

Если да то это просто, у меня раньше на сайте такие были:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<style>
* {margin:0; padding:0;}
.center, .wide div { margin: 0 auto; width:500px; }
.center { background-color:#999999;}
.wide { background-color:#00FFFF;}
</style>

<body>
<div class="center">Center top</div>

<div class="wide">
 <div>Wide line</div>
</div>

<div class="center">Center bottom</div>
</body>
</html>

Link to comment
Share on other sites
  • 0
iipo Explorer

iipo

Posted
  • Author
Posted

В общем поместил все в 

<div align="center">все, что было между тегами <body> и </body> и закрыл </div>

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

Link to comment
Share on other sites
  • 0
Дядя Саша Explorer

Дядя Саша

Posted
Posted

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

Прошу прощения, я погорячился, не потому пишу что сегодня увидел ваш вариант, просто еще раз прочитал свой пост, сори.

Но тем не мение факт остается фактом. И мой вариант имеет приемущество, сайт не теряет резиновости, он не растягивается больше заданных разрешений, но при маленьких - зжымается, попробуйте интереса ради. И все это дело решается тремя строчками кода. А тут такое обсуждение началось, непонятно чего только, вот поэтому я так и погорячился скорее всего.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept