Jump to content
  • 0

Как прибить слой по горизонтали? (+++)


Alexey Menshikov
 Share

Question

Добрый день.

Cайт отрисован и отцентрован по середине. Пробую пихнуть флэш-менюшку в слой, что-бы она нормально залезала на другие элементы сайта - получается. Но! По вертикале я задаю абсолютное значение (top:40px;) и оно попадает, но по горизонтале такой фокус не получается, т.к. сайт отцентрован и в разных разрешениях экрана меню появляется в разных местах (ползает по горизонтале).

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

Можно в живую посмотреть тут - http://www.mcmotors.ru/cars_chevrolet.php

Thx.

Link to comment
Share on other sites

4 answers to this question

Recommended Posts

  • 0

на взгляд...

стоило б засунуть это все не в спан, а в блочный елемент (div) и позиционировать именно его.

вообще при наложениях можно, к примеру, просто все одно за одним накидать по слоям, после чего выставить position: relative;

и поднять на соответствующую высоты margin-top: -Xpx;

Link to comment
Share on other sites

  • 0
Добрый день.

Cайт отрисован и отцентрован по середине. Пробую пихнуть флэш-менюшку в слой, что-бы она нормально залезала на другие элементы сайта - получается. Но! По вертикале я задаю абсолютное значение (top:40px;) и оно попадает, но по горизонтале такой фокус не получается, т.к. сайт отцентрован и в разных разрешениях экрана меню появляется в разных местах (ползает по горизонтале).

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

Можно в живую посмотреть тут - http://www.mcmotors.ru/cars_chevrolet.php

Thx.

Можно так:

<div style="position:relative;margin:0 auto;"> <!-- Представим что это основной блок сайта. То-есть в н?м находится весь сайт и выравняем его по центру окна. -->
<object style="position:absolute;top:0;left:0;"></object> <!-- А это флешка с меню. T` мы позицируем авбсолютно. -->
</div>

Другими словами если внутри относительно позицированного объекта создать некий объект с position:absolute, то он будет позицироваться относительно этого объекта, а не body.

Link to comment
Share on other sites

  • 0

Доброго времени суток, вопрос в догонку по той же теме:

Есть:

1) шапка сайта слева картинка, справо бекграунд фоном в слое (для резинового дизайна)

2)меню на джаве в слое контейнере с абсолютным позиционированием (left задан в процентах для слоя, т.е при разных размерах бравзера меню находиться "на своем месте" относительна окна бравзера)

Проблема: При разрешении 800x600 меню "не влизает", в страницу сайта, поэтому появляется полоса прокрутки. Как избавиться?

ЗЫ Было бы прекрасно еслибы слой-контейнер из пункта "2", "прилеплялся" к правому краю окна бравзера, но при абсолютном позиционировании незнаю как это реализовать

Link to comment
Share on other sites

  • 0
Проблема: При разрешении 800x600 меню "не влизает", в страницу сайта, поэтому появляется полоса прокрутки. Как избавиться?

ЗЫ Было бы прекрасно еслибы слой-контейнер из пункта "2", "прилеплялся" к правому краю окна бравзера, но при абсолютном позиционировании незнаю как это реализовать

можно попробывать поставить для

body {
overflow: hidden;
}

или же вычислять, если ширина окна менее от 800пк

а таком случае right:0;

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

×
×
  • 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