Jump to content
  • 0

позиция элемента в зависимости от разрешения


greeb
 Share

Question

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

Сопсна сам вопрос: как сделать так что бы баннер начинался от начала главного листа сайта(сайт не резиновый, а с определенным размером листа) при разных разришениях? Пробывал задавать padding и margin в процентах один хрен ничего не дает, у одного нормально , у другого нет....

Зараннее благодарю за ответы...

Link to comment
Share on other sites

7 answers to this question

Recommended Posts

  • 0

вот ссылка http://goodportal.com.ua/

сверху тестовый баннер, при разришении 1680 на 1050 все выглядет нормально(почти, при появлении слева полосы прокрутки основной лист сдвигается чуть влево, а баннер остается на месте) а при 1920 на 1080 баннер сьежжает влево...

Link to comment
Share on other sites

  • 0

ceil100

Не помогает, баннер просто переместился более вправо...

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

Во так сейчас выглядят правила для дива

.topbanner{margin:auto }

.topbanner {

padding-bottom: 13px;

padding-left:14%;

height:60px;

margin-top:10px;

// margin-left:auto;

position: relative;

width:1184px;

}

Edited by greeb
Link to comment
Share on other sites

  • 0

убери padding-left: 14%;

он сдвигает блок вправо

а если нужно баннер центрировть, то поставь для:


<div class="topbanner">
<p style="text-align: center;">
</div>

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