Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Позиционирование css
 
 автор: serg_b   (23.02.2014 в 01:25)   письмо автору
 
 


<style>
.header {
background-color: gray;
width: 800px;
height: 120px;
margin: 0 auto;
}
.logo {
position: absolute;
top :40px;
left: 40px;
</style>

<div class="header">
<div class="logo">LOGO</div>
</div>


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

  Ответить  
 
 автор: psychomc   (23.02.2014 в 01:35)   письмо автору
 
   для: serg_b   (23.02.2014 в 01:25)
 

у header должен быть задан position

  Ответить  
 
 автор: Jaroslav   (23.02.2014 в 05:18)   письмо автору
 
   для: serg_b   (23.02.2014 в 01:25)
 

position: absolute; заменить на position: relative;

  Ответить  
 
 автор: confirm   (23.02.2014 в 06:58)   письмо автору
 
   для: Jaroslav   (23.02.2014 в 05:18)
 

Уверены?
Нужно родительскому блоку добавить position: relative;, а не устанавливать дочернему относительное.

  Ответить  
 
 автор: moonfox   (23.02.2014 в 08:07)   письмо автору
 
   для: confirm   (23.02.2014 в 06:58)
 

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

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования