[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Почему для span не работает margin-top?
program90
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>
<meta
name="" content="">
<meta
name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
<style>

.logout_link {
/*text-align: right;*/
margin-right: 20px;
margin-top: 5px;
}

div.menu {
/*background-image: url('/new/img/menu.png');*/
background-color: #000000;
/*text-align: center;*/
text-align: right;
width: 100%;
height: 123px;
}
</style>
</head>
<body>
<div
class="menu">
<span
class="logout_link">
<a
href="#">fghggrererer</a>
 
<a href="index.php?logout=true">Выйти</a>
</span>
</body>
</html>


Padding-top тоже не работает. Браузер - firefox.



Спустя 39 минут, 56 секунд (27.03.2011 - 15:59) Nikitian написал(а):
Потому что span - не блочный, а инлайновый элемент. Ставьте ему display:block и будет всё работать, либо замените div'ом, что более логично.

Спустя 10 минут, 21 секунда (27.03.2011 - 16:09) program90 написал(а):
Заменил на div - все равно не работает. Контейнер menu опускается вниз месте с контейнером logout_link. А между ними рассторяние не изменяется.

Спустя 56 секунд (27.03.2011 - 16:10) program90 написал(а):
Еще: почему в Internet Explorer не работает margin: 0 auto 0 auto для body?
width: 1000px;

Спустя 21 час, 6 минут, 15 секунд (28.03.2011 - 13:16) трамонтана написал(а):
Цитата
Контейнер menu опускается вниз месте с контейнером logout_link. А между ними рассторяние не изменяется.


попробуй поставить у .menu overflow:hidden
у тебя .menu не закрыт


Цитата
Еще: почему в Internet Explorer не работает margin: 0 auto 0 auto для body?


ты хочешь body выровнять посередине или то что в нём находиться?

Спустя 1 час, 27 минут, 42 секунды (28.03.2011 - 14:44) program90 написал(а):
трамонтана
body
Просто на одном сайте новосте так сделано. Для body задана ширина и margin: auto;
Но вроде бы это странно, body это вроде бы все, что на экране браузера.

А что значит .menu не закрыт?

Спустя 4 часа, 9 минут, 59 секунд (28.03.2011 - 18:54) трамонтана написал(а):
Цитата
Просто на одном сайте новосте так сделано. Для body задана ширина и margin: auto;
Но вроде бы это странно, body это вроде бы все, что на экране браузера.

да это действительно какая то хрень у них там написана, либо ты что то не правильно понял.

Цитата
А что значит .menu не закрыт?

это значит что есть открывающий тег а закрывающего к нему нету

Спустя 45 минут, 2 секунды (28.03.2011 - 19:39) alex12060 написал(а):
ставь

padding-top: -5px

Спустя 2 часа, 10 минут, 13 секунд (28.03.2011 - 21:49) Zerstoren написал(а):
свойство margin:0 auto; центрует блок относительно родителя.
Но заметьте, центрует, а не выравнивает содержимое.

Для того чтоб он был по середине ему не хватает параметра width

попробуйте:


body{
width:600px;
margin:0 auto;
}


Но Ie5.5 и ниже не хавают margin:0 auto;

Спустя 33 минуты, 36 секунд (28.03.2011 - 22:23) трамонтана написал(а):
alex12060 шо это ещё за отрицательный внутренний отступ?)).

Zerstoren и чо это будет?)) (ps кстати Ie6 тоже не понимает margin:0 auto;)

program90 ещё раз те грю - 1) незакрытый тег закрой 2) .menu{ overflow:hidden}, попробуй не получится - напиши. 3) разумеется .logout_link должен быть блочным элементом, но когда ты его сделаеь блочным он не будет больше выровнен по правому краю и чтобы margin-right: 20px; у него сработало надо ему написать float:right

Спустя 10 часов, 38 минут, 56 секунд (29.03.2011 - 09:02) program90 написал(а):
трамонтана
А почему если элемент блочный то для него не работает margin-right? ( + именно когда он вложен в другой блочный элемент?)

Спустя 2 дня, 8 часов, 55 минут, 26 секунд (31.03.2011 - 17:57) трамонтана написал(а):
да нет.
просто если если ты его выравниваешь например по левому краю (float:left) то отступ справа (margin-right) не будет чаще всего влиять на его расположение

Спустя 15 часов, 3 минуты, 44 секунды (2.04.2011 - 09:01) program90 написал(а):
трамонтана
Спасибо, сейчас вроде бы понял, заработало)
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.