Jump to content
  • 0

Возможно ли горизонтальное центрирование блока относительно соседних блоков

Belovsan

Asked by Belovsan,

 Share

Question

Belovsan Explorer

Belovsan

Posted
Posted

Вот пытаюсь понять как "думает" CSS. Есть три блока, которые выстроены по горизонтали. Ширина страницы резиновая. Значит как я их выстраиваю. Один блок float:right; второй - float:left;. Тот что посредине - падает в середину сам при заданном margin:0 auto;

И всё бы хорошо, но центрирование среднего блока происходит не относительно соседних, а относительно общей ширины страницы. А мне бы хотелось чтобы отступы от соседних блоков до центрального были одинаковыми. Можно это как-то сделать?

На пальцах рассказал, а вот сам код CSS:

#telo {width:100%; height:150px; background:#00FF33;}

#blok1 {width:100px; height:80px; border: 1px solid #000000; float:left; margin:0 10px;}

#blok2 {width:150px; height:15px; border: 1px solid #000000; float:right; margin:0 10px;}


#blok3 {width:250px; height:100px; border: 1px solid #000000; margin:0 auto;}

А это HTML:

<body>

<div id="telo">

<div id="blok1"></div>

<div id="blok2"></div>

<div id="blok3"></div>
</div>


</body>

Link to comment
Share on other sites

39 answers to this question

Recommended Posts

  • 0
Great Rash Explorer

Great Rash

Posted
Posted

Ладно признаю, что в таком случае не зависнет.

Можно еще вот так:

width: expression((document.body.parentNode.offsetWidth < 950) ? "950px" : "auto");

И все-таки без скриптов имхо правильней.

Стойте, так всё же ответьте мне на вопрос. Чем хуже по вашему просто повесить минималку на body ?

Да ничем не хуже по сути... Однако, если тяжелый проект, то лишний раз нагружать проц у юзера не стоит, ИЕ6 и так медленный зараза...

Link to comment
Share on other sites
  • 0
psywalker Explorer

psywalker

Posted
Posted
И все-таки без скриптов имхо правильней.

Да это даже скриптом назвать трудно, обычный маленький экспрешан, зато разметка не захломляется ;)

Да ничем не хуже по сути... Однако, если тяжелый проект, то лишний раз нагружать проц у юзера не стоит, ИЕ6 и так медленный зараза...

Да ИЕ6 уже 6% говорят, так что скоро будет отмечать :D

Link to comment
Share on other sites
  • 0
Belovsan Explorer

Belovsan

Posted
  • Author
Posted (edited)

psywalker, юзанул только что Ваш вариант решения вопроса. Тож нормуль. Причём относительно разметки согласен, Ваш вариант проще. Хотя, и таблицы как по мне, практически не захламляют страницу.

Походу у нас есть выбор. Причём оба варианта вполне функциональные. А какой из них использовать - эт уже действительно зависит от сложности проекта.

Огромное спасибо, друзья ;).

Edited by Belovsan
Link to comment
Share on other sites
  • 0
psywalker Explorer

psywalker

Posted
Posted
Еще как, ИЕ6 - это траффик, траффик - это лишнее бабло... вот и получается то что получается...

Блин, ну нельзя же так, издевательство прям какое-то :D

psywalker, юзанул только что Ваш вариант решения вопроса. Тож нормуль. Причём относительно разметки согласен, Ваш вариант проще. Хотя, и таблицы как по мне, практически не захламляют страницу.

Походу у нас есть выбор. Причём оба варианта вполне функциональные. А какой из них использовать - эт уже действительно зависит от сложности проекта.

Огромное спасибо, друзья ;).

Я тебе так скажу, что например в обычной вёрстке, страниц на 10, как минимум, мой вариант свободно прокатит.

Link to comment
Share on other sites
  • 0
Great Rash Explorer

Great Rash

Posted
Posted
Я тебе так скажу, что например в обычной вёрстке, страниц на 10, как минимум, мой вариант свободно прокатит.

Не в количестве страниц дело. А в количестве всевозможных скриптов, флешей и фильтров (png24, opacity и т.п.), короче в тяжести проекта дело.

Link to comment
Share on other sites
  • 0
Belovsan Explorer

Belovsan

Posted
  • Author
Posted
Я тебе так скажу, что например в обычной вёрстке, страниц на 10, как минимум, мой вариант свободно прокатит.

То есть страниц на 10? Ну есть у меня страница, там необходимо задать мин ширину. И это идёт как шаблон на весь сайт. А на сайте, например, 1000 страниц будет в перспективе. К каждой странице этот параметр применяется.

Что имеется ввиду под "минимум 10 страниц"?

Link to comment
Share on other sites
  • 0
Belovsan Explorer

Belovsan

Posted
  • Author
Posted (edited)
Читай 36 пост

Прочитал и не смог не согласиться.

Вывод: если у меня сайт состоит из 1 страницы, но на ней висит куча всякой ерунды, то табличные распорки - это то, что доктор прописал. А если простая структура без наворотов, то хоть мильён страниц - можно пробовать скриптом задать ширину.

Я угадал ? ;)

Edited by Belovsan
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