Webkit

Фон нужен был для обозначения внутренних границ элемента. То есть, в данном примере, высота блока должна остаться 10 px. Такого же результата можно добиться удалив свойство height у элемента #a (пример), так что это не то.

Просто решаю мелкие проблемы с маркерами. Задаю вопросы сюда потому что сам не смог их решить и сейчас занят другим делом. Кстати, таже задача (проблема) что и прошлый раз, но теперь без дополнительно вложенного элемента div. =) В вашем примере получилось не то что на картинке. Если не найдется решения буду использовать ваш прошлый способ.

Вообще фон не важен, его добавил для наглядности, важен размер блока (зона его покрытия).

margin не подходит т.к: Переверстывать тут нечего, всего 2 элемента. Именно для этого примера нужно обойтись только добавлением css свойств к элементу #a или #b, еще надо учесть выше написанное.

Может создать файл со сглаженным шрифтом, или как-то так, и подключить его к странице, к примеру через @font-face? Убей заказчика. Ещё за каждый несоответствующий пиксель цей ЕРЖ станет зажимать по шекелю... =)

Удалите это сообщение пожалуйста.

Добрый день! Есть элемент #a с фиксированным размером и следующий за ним элемент #b. Код: <style> div { height: 10px; width: 10px; } #a { background: #fcc; } #b { background: #ccf; } </style> <div id="a">1<br/>2</div> <div id="b"></div>Как при помощи css сделать так, чтобы второй элемент #b шел после содержимого первого элемента #a, выходящего за его границы? Как есть и как должно быть: Порядок элементов менять нельзя, создавать другие элементы тоже. Размеры содержимого элемента #a произвольны (неизвестны), поэтому просто задать margin для элементов нельзя.

Добрый день! Есть элемент div с фиксированным размером, содержимое которого выходит за его границы. Код: <style> div { background: #fcc; height: 10px; width: 10px; } </style> <div>1<br/>2<br/>3</div>Как сделать чтоб в ie6 выглядело как и в других браузерах? Как выглядит в других браузерах и как выглядит в ie6: Создавать другие элементы нельзя. Дополнение: портативный ie6 (один файл) можно скачать тут.

Ещё раз спасибо. А как решение нашел? Об этом нигде не написано?

Решение тут.

То что надо! Спасибо.

Webkit, дело в том, что у вас и так #div_after идёт после содержимого элемента #div с фиксированной высотой, а цифра "2" просто вываливается из элемента с фиксированной высотой, хотя цифра "3" идет как раз там где вы задали, как вариант задайте #div overflow:hidden и лишнее из этого тега выпадать не будет, но и видно не будет, а чтобы цифра "3" шла после цифры "2" нужно отказаться от фиксированной высоты, возможен вариант с фоном (для IE7 можно будет pie добавить, чтобы работало) <style type="text/css"> #div { background: -moz-linear-gradient(top, #fcc 0%, #fcc 30%, #fff 30%, #fff 100%); background: -webkit-linear-gradient(top, #fcc 0%, #fcc 30%, #fff 30%, #fff 100%); background: -о-linear-gradient(top, #fcc 0%, #fcc 30%, #fff 30%, #fff 100%); background: -ms-linear-gradient(top, #fcc 0%, #fcc 30%, #fff 30%, #fff 100%); background: linear-gradient(top, #fcc 0%, #fcc 30%, #fff 30%, #fff 100%); min-height: 10px; } #div_after { background: #ccf; height: 10px; } </style> <div id="div">1<br/>2</div> <div id="div_after">3</div> Это всё понятно, но фон тут мне не фон важен, а расположение элементов. Мне нужно что бы положение элемента #div_after зависело от положения (от высоты) элемента #inner, вложеного в элемент #div. Вот тут пример получше описал.

Добрый вечер! Как сделать чтобы элемент #after шел после содержимого #inner элемента #block с фиксированной высотой? <style> #block { background: #fcc; height: 10px; } #inner { background: #ccf; height: 30px; width: 10px; } #after { background: #cfc; height: 10px; } </style> <div id="block"> <div id="inner"></div> </div> <div id="after"></div> Как есть и как должно быть: Модель образная, высота #inner в 30px взята случайно поэтому просто использовать margin-bottom: 20px нельзя. Порядок элементов тоже нельзя изменить.

Я уже думал о том чтобы добавить в элемент списка li пустой элемент для использования его вместо маркера, но тогда мне это показалось как-то неправильно (не эстетично). Лучше я буду использовать :before. Сейчас меня больше интересует второй вопрос (первый вопрос в первом посте). а нарисовать квадратик и на фон его положить? или действительно, как alexandr_v-vich предложил? мне кажется вы пытаетесь колесо изобрести там, где велосипед уже есть. или объяснить не получается у вас... Я делаю разметку для написания мелких статей (на любую тему) и прочего. Не повторяющуюся картинку, как фон для элемента списка, уже использовал, но вариант не подошел т.к. нужно было что бы размер маркера менялся в зависимости от размера шрифта 0.375em от 12pt (16px) обычно это 6px (для 18pt это уже 9px). В общем ищу ответ на другой вопрос, он сформулирован в начале первого поста.