Автор Тема: Абсолютное позиционирование блоков  (Прочитано 6331 раз)

0 Пользователей и 1 Гость просматривают эту тему.

Оффлайн ass

  • Заглянувший
  • Новичок
  • *
  • Сообщений: 2
  • +0/-0
  • 0
    • Просмотр профиля
    • http://
Абсолютное позиционирование блоков
« : 28 Сентября 2005, 14:01:52 »
при абсолютном позиционировании блоков отсчёт координат ведётся отлевого верхнего угла, вопрос: могено ли заставить блоки позиционироваться от центра?

(я в сайтостроении новичёк так что не приберайтесь к формулировке вопроса)

Оффлайн CTN

  • Заглянувший
  • Новичок
  • *
  • Сообщений: 26
  • +0/-0
  • 0
    • Просмотр профиля
    • http://www.citynews.net.ua/
Абсолютное позиционирование блоков
« Ответ #1 : 27 Октября 2005, 16:07:51 »
Напрямую нельзя (разве что JavaScript\'ом расчитывать центр и позиционировать уже скриптом, а не в стилях). Можно, при желании, делать блокам отступы (margin) в процентах, но тогда придётся и ширину блока выставлять в процентах (напр, position:absolute;top:0;left:0;margin-left:20%;width:60% — 60% для того, чтобы и слева и справа получился равный отступ).

Лучше позиционировать не через position:relative/absolute, а через float:right/left. С ними можно что угодно как угодно расположить на странице.

Простейший пример (три колонки без таблиц):
<html>
<
head>
<
style type="text/css">
<!--
*{
font-family:ArialHelveticasans-serif}
div{font-size:8pt}
#all{padding:0 5% 0 5%}
#left,#right{width:22%;padding:1%}
#left {float:left;background-color:red;}
#right{float:right;background-color:lime}
#center{background-color:yellow;margin:0 22% 0 22%;padding:1%;text-align:justify}
-->
</
style>
</
head>

<
body>
<
div id="all">

<
div id="left">Колонка слева
<!--/left--></div>

<
div id="right">Колонка справа
<!--/left--></div>

<
div id="center">А тут всёчто по центру страницы...
<!--/
center--></div>

<!--/
all--></div>
</
body>
</
html>

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

Оффлайн ass

  • Заглянувший
  • Новичок
  • *
  • Сообщений: 2
  • +0/-0
  • 0
    • Просмотр профиля
    • http://
Абсолютное позиционирование блоков
« Ответ #2 : 28 Октября 2005, 04:45:47 »
Дело в том что есть карта работ компании и надо чтобы при наведении на какую-нибудь часть рисунка появлялся спрятанный блок рядом с этой частью (используя тег map) .
при этом вся карта должна центрироваться по центру экрана, (некрасиво когда при разрешении 1280х1024 карта висит в левом верхнем углу)

может есть какое готовое решение?

 

Sitemap 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28