Форум Сайтостроение Веб-строительство

Глупый вопрос по div

12
C
На сайте с 20.05.2011
Offline
14
cryptex
#11
ТВЭЛ:
Изначально по стандарту (и во всех браузерах, насколько я знаю), div - совершенно "чистый" элемент, у него нет внешних и внутренних отступов. Возможно, в вашем CSS поставлены глобальные отступы для всех элементов или только для div. Просмотрите его тщательно.

дело не в div, верхний отступ добавляет <ul>, и если его не сбросить, то каждый браузер поставит свои дефолты, для IE6-9 это обычно 19px, для FF, opera и webkit - 16px. Например: 


<style>

body {margin:0; padding: 0;}

div {border: 1px solid #f00;}

ul {border: 1px solid #000;}

</style>

<body>

<div>some line #1 some line #1 some line #1 some line #1 some line #1</div>

<ul>

<li>Item 1</li>

<li>Item 2</li>

<li>Item 3</li>

</ul>

теперь устанавливаем верхний margin в 0 для <ul>: ul {border: 1px solid #000; margin-top: 0;} и посмотрите

Поскольку у ТСа не сбрасываются дефолты вообще, именно поэтому я не описывал, в каком именно место проблема, а сразу порекомендовал использовать какой-либо из css reset-ов, так как такие дефолты добавляет далеко не один контейнер <ul>, и что бы сразу начать работать на "чистом листе", нужно сбросить дефолтовые значения, которые отличаются в разных браузерах.

P.S. UL, LI, BLOCQUOTE - совершенно несемантичные извращения. Подходят более-менее только p и div с классом.

ок, если по-вашему список элементов (тогда, когда этих списков, как я понимаю несколько штук, и находятся один возле другого, по типу компоновки тумб), например, такой, как: 


<ul class="videlit">вариант 1

    <li>водостойкий <a href="http://www.site.ru">ламинат</a>;</li>

    <li>паркет</li>.

</ul>

свёрстанный каким-то таким образом: 


<div class="videlit">вариант 1

    <p>водостойкий <a href="http://www.site.ru">ламинат</a>;</p>

    <p>паркет</p>

</div>

перестаёт быть извращением, что ж, разубеждать вас не стану ;)

Глобальные сбросы css переделать диз на WP Помогите решить проблему с
12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий