Я понятия не имею, как правильно это обозначить, но вот моя проблема:
У меня есть этот макет:
<html>
<body>
<div id="content">this is my page</div>
<div id="button">magic button</div>
</body>
</html>
css:
#button {
position: fixed;
bottom: 20px;
background-color: #f00;
padding: 5px;
left: 50%;
margin-left: 250px;
}
html, body{
height: 100%;
}
#content {
margin: 0 auto;
width: 700px;
min-height: 100%;
background-color: #eee;
}
Смотрите здесь скрипку: http://jsfiddle.net/n6UPF/
Моя страница работает так, как я ее хочу, кнопка именно там, где я хочу.
Но, если я изменил текст на моей кнопке, он больше не будет правильно установлен.
Я бы поставил его "исправленным" относительно правого края области содержимого.
Можно ли это сделать в чистом CSS?