Jump to content
  • 0

Позиционирование текста в правом углу браузера


walek
 Share

Question

Друзья. Прошу помощи.

Хочу позиционировать некий текст в правом верхнем углу браузера.

Необходимо, чтобы позиционирование не зависело от клиентской разверстки монитора.

Проблема в том, что если прописывать position: absolute и top: xx, left: xx или right: xx происходит смещение текста относительно используемой экранной разверстки. Как быть? :lol:

Спасибо.

Link to comment
Share on other sites

7 answers to this question

Recommended Posts

  • 0

Dimitry Wolotko

Т.е. если пропишу следующим образом:

.testTxt
{
position:absolute;
top:15px;
right:5px;
color:red;
text-align: center;
font-size:11pt;
}

Хорошо. Текст куда нужно попал. Но, позиционирование это происходит относительно правого края браузера. При разрешении скажем 1280х1024 смотриться отлично!

Но скажем при 800*600 текст уже наезжает на картинку (картинка находится извиняюсь за невэбмастерский термин неподалеку от текста), т.е. наезжает поверх нее.

Я так понимаю при моих условия сделать именно позиционированием невозможно (чтобы текст на картинку не наезжал)?

PS. Картинку заключить в слой не могу ...

Link to comment
Share on other sites

  • 0

Ну а чего ты хотел!?

ширина дока меняется, соответственно и элементы сжимаются и расстояния между ними тоже. Это неизбежно или верстай с фиксированными размерами.

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

Link to comment
Share on other sites

  • 0

.testTxt {

position: relative;

margin: 15px 5px 0px 200px; // последнее значение - отступ слева (на ширину твоей картинки)

color:red;

text-align: center;

font-size:11pt;

}

Но позиционироваться будет не справа, а на всю ширину - отступы... А как должно быть и справа, и не заезжать на картинку (и блинчики жарить) - это уже из области скриптов...

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