Чем заменить <spacer /> в <div></div>?

Давно ищу, как решить такую проблемку. Может кто подскажет.

Очень часто при верстке нужно использовать так называемые "распорки". Раньше я использовал однопиксельную прозрачную картинку (как и большинство), но время не стоит на месте, и можно это делать дивами. Делать это просто, но вот проблемка, чем заполнить див, чтобы он не был пустым? Сейчас я использую или <spacer /> (деприкейтед) или размером 1 пихель (раздражает размер кода).

В общем, смотрите пример:

1. Распорка картинкой:
[img]/i/_.gif[/img]

2. Распорка дивом со спейсером:
<div style="width: 1px; height: 10px;"><spacer /></div>

3. Распорка дивом с неразрывным пробелом :
<div style="width: 1px; height: 10px;"></div>

Кто знает еще какие-то способы?
Поделитесь.

Чтобы див не был пустым, его нужно заполнять словами.

Что такое пустой див? Зачем он нужен? Вам, что, нечего на сайтах размещать?

Цитата:

---

Originally posted by agat@Jun 7 2005, 15:55
Чтобы див не был пустым, его нужно заполнять словами.

Что такое пустой див? Зачем он нужен? Вам, что, нечего на сайтах размещать?
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

[/quote]

Наверное ты меня не понял.

Самый простой пример:

[Only registered and activated users can see links. Click Here To Register...] (шапка с лого и меню)


<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td class="bgr2"><div style="width: 48px; height: 140px;">[img]/i/_.gif[/img]</div></td>
<td class="bgr2" valign="middle">[img]/i/logo-big.gif[/img]</td>
<td class="bgr2" width="10%">[img]/i/_.gif[/img]</td>
<td class="bgr2" width="90%" valign="bottom">

<div class="topmenu">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="25%" class="nobr">[img]/i/li-m.gif[/img][Only registered and activated users can see links. Click Here To Register...]</td>
<td width="25%" class="nobr">[img]/i/li-m.gif[/img][Only registered and activated users can see links. Click Here To Register...]</td>
<td width="25%" class="nobr">[img]/i/li-m.gif[/img][Only registered and activated users can see links. Click Here To Register...]</td>
<td width="25%" class="nobr">[img]/i/li-m.gif[/img][Only registered and activated users can see links. Click Here To Register...]</td>
</tr>
<tr><td colspan="4"><div style="height: 10px;">[img]/i/_.gif[/img]</div></td></tr>
<tr>
<td width="25%" class="nobr">[img]/i/li-m.gif[/img][Only registered and activated users can see links. Click Here To Register...]</td>
<td width="25%" class="nobr">[img]/i/li-m.gif[/img][Only registered and activated users can see links. Click Here To Register...]</td>
<td width="25%" class="nobr">[img]/i/li-m.gif[/img][Only registered and activated users can see links. Click Here To Register...]</td>
<td width="25%" class="nobr">[img]/i/li-m.gif[/img][Only registered and activated users can see links. Click Here To Register...]</td>
</tr>
<tr><td colspan="4"><div style="height: 10px;">[img]/i/_.gif[/img]</div></td></tr>
<tr>
<td width="25%" class="nobr">[img]/i/li-m.gif[/img][Only registered and activated users can see links. Click Here To Register...]</td>
<td width="25%" class="nobr">[img]/i/li-m.gif[/img][Only registered and activated users can see links. Click Here To Register...]</td>
<td width="25%" class="nobr">[img]/i/li-m.gif[/img][Only registered and activated users can see links. Click Here To Register...]</td>
<td width="25%" class="nobr">[img]/i/li-m.gif[/img][Only registered and activated users can see links. Click Here To Register...]</td>
</tr>
</table>
</div>

<div style="height: 25px;">[img]/i/_.gif[/img]</div>
</td>
</tr>
</table>


Чем заменить [img]/i/_.gif[/img]? Кроме <spacer /> и .

Если заменить спейсером - валидатор не пропустит, если пробелом - корявый код. Картинкой тоже коряво, хотелось бы получше решение найти.

Товарищь, у тебя весь код корявый, от начала, до конца... так что чем пробелы делать, особо роли не играет. IMHO

Цитата:

---

Originally posted by agat@Jun 7 2005, 18:13
Товарищь, у тебя весь код корявый, от начала, до конца... так что чем пробелы делать, особо роли не играет. IMHO
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

[/quote]

Странный ты человек, не знаешь - так и скажи, нех** понты гонять. [Only registered and activated users can see links. Click Here To Register...]
Дай другим людям ответить.

А при чем здесь дивы то? они вообще не для распорок придуманы. Либо на таблицах с распорками все строй либо на дивах с css.

Hetman, поаккуратней с выражениями, когда в гости заходишь!

Цитата:

---

Originally posted by Tujh@Jun 7 2005, 23:07
А при чем здесь дивы то? они вообще не для распорок придуманы. Либо на таблицах с распорками все строй либо на дивах с css.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

[/quote]

Я строю на таблицах с распорками, которые выше описал.

Меня интересует, использует ли кто другие методы для распорок, кроме прозрачных GIF&#39;ов/PNG и дивов с определенными размерами. А если дивы кто использует, то можно ли сделать их не пустыми, поскольку не все браузеры отображают пустой див или пустую ТДешку...

Цитата:

---

Originally posted by AVR@Jun 8 2005, 00:31
Hetman, поаккуратней с выражениями, когда в гости заходишь!
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

[/quote]

Я извиняюсь, конечно, но не люблю когда грубят с ходу.

Hetman, я тебе не грубил... я просто высказал своё мнение. Не зацикливайся на распорках, эти костыли отмирают.

Hetman не парся лучшего чем <div><spacer ... пока нет, пиксельные рисунки не во всех браузерах срабатывают, коверкаются при отключении отображения имаджей, городить из <font ... тоже как то неохти ...

Цитата:

---

Originally posted by lunux@Jun 10 2005, 14:57
Hetman не парся лучшего чем <div><spacer ... пока нет
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

[/quote]

Я тоже так думаю, если делать код для всех браузеров, а не только для IE 5+ [Only registered and activated users can see links. Click Here To Register...]

ну и для и для других <div><spacer вроде идёт я ещё добавляю type=block width=1 heigh=1

Я раньше тоже добавлял, но потом когда убрал и протестировал, то обнаружил что разницы никакой... Хотя я не знаю, может на Маках или под Линухом не работает без этого... Ты не проверял?

Так. Попытаюсь сдержать смех и ответить как делать распорки:

1. [img]0.gif[/img] — плохо, т.к. при отключении картинок спейсеры летят нафиг
2. <div style="width:1px;height:1px"><spacer></div> — так делает (делал?) СамиЗнаетеКто для поддержки Netscape 4
3. <div style="width:1px;height:1px" class="spacer"></div> в стилях нужно для класса .spacer указать font-size:1px, т.к. размеры — это размеры шрифта

А теперь финальная фраза: ради Бога, не используйте распорки.
Просто поверьте: если вы перестанете использовать их сейчас, то может первое время вёрстка будет ехать и выглядеть коряво, но зато у вас появится шанс научиться верстать хорошо. Иначе — с вас останется только смахивать пыль как с бесполезного динозавра.

Цитата:

---

Originally posted by pepelsbey@Jun 13 2005, 15:54
3. <div style="width:1px;height:1px" class="spacer">

---

в стилях нужно для класса .spacer указать font-size:1px, т.к. размеры — это размеры шрифта
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]</div>[/quote]

Все то же, что я в самом начале написал.
Ничего новенького! [Only registered and activated users can see links. Click Here To Register...]

Цитата:

---

Originally posted by pepelsbey@Jun 13 2005, 15:54
А теперь финальная фраза: ради Бога, не используйте распорки.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

[/quote]

Без распорок класний дизайн не сверстаешь! Могу поспорить...
Может через годик-второй и можно будет средствами ксс все делать, когда браузеры все начнут нормально понимать его и дивы. IMHO

Hetman, спорим, что сверстаешь?

Я говорю, что ты хрен сверстаешь без распорок для браузеров IE4+, Opera5+, Mozilla1.7+, FireFox 1.0+ вот например такое: [Only registered and activated users can see links. Click Here To Register...]

Давай ты просто укажешь, чем заменить части кода, чтобы было все без распорок.
Или предложи свой вариант.

На что спорим?

Запросто сверстаю на слоях+ЦСС

Цитата:

---

Originally posted by synchro@Jun 14 2005, 15:31
Запросто сверстаю на слоях+ЦСС
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

[/quote]

Сверстать, то сверстаешь, но ни о каких IE 3.0 и других старушках речи быть не может.

Блочная вёрстка более-менее начинается только с IE 5.0 (лучше бы 5.5, чтобы сэкономить время), Opera 7+, Netscape 6+

А без распорок на таблицах такое сверстать очень просто.
Повторяю: это дело опыта.

Цитата:

---

Ничего новенького!

---

Велосипед уже давно изобретён, зачем изобретать что-то новое в направлении уже давно загнувшемся?

Цитата:

---

Originally posted by synchro@Jun 14 2005, 16:31
Запросто сверстаю на слоях+ЦСС
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

[/quote]

synchro, в жо**. слои. Это ж тормоза полнейшие...

// Хетман получает бан на 3 дня, за слово «жо**» и высказывание по теме, в которой у него напрочь отсуствуют какие либо познания… <agat />

Цитата:

---

Originally posted by pepelsbey@Jun 14 2005, 16:56
[b]А без распорок на таблицах такое сверстать очень просто.
Повторяю: это дело опыта.

---

Хотелось бы мне на это посмотреть...
Покажи, что ты все на словах да на словах.
Резину покажи без распорок!

Цитата:

---

synchro, в жо**. слои. Это ж тормоза полнейшие...

---

Ой, а див - это разве не слои? Блин, извини, я ламак...

Цитата:

---

Сверстать, то сверстаешь, но ни о каких IE 3.0 и других старушках речи быть не может.

---

Я давно забил на него, суди сам: [Only registered and activated users can see links. Click Here To Register...]

Цитата:

---

Originally posted by Hetman@Jun 14 2005, 17:16
synchro, в жо**. слои. Это ж тормоза полнейшие...

// Хетман получает бан на 3 дня, за слово «жо**» и высказывание по теме, в которой у него напрочь отсуствуют какие либо познания… <agat />
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

[/quote]


Во-первых, спасибо за хорошее отношение, Эджэт! Мне оно с самого начала понравилось, особенно когда ты круто ответил
<div class='quotetop'>Цитата</div>

Цитата:

---

Чтобы див не был пустым, его нужно заполнять словами.[/b]

---

[Only registered and activated users can see links. Click Here To Register...] [Only registered and activated users can see links. Click Here To Register...] [Only registered and activated users can see links. Click Here To Register...]

Во-вторых, я не Хетман, а Гетман, научись читать [Only registered and activated users can see links. Click Here To Register...]

В третьих, мне очень "понравилось" твое онлайн-портфолио [Only registered and activated users can see links. Click Here To Register...], здесь спору нет, ты крут [Only registered and activated users can see links. Click Here To Register...]

Мало того, что там почти ни один сайт не открывается, так ты еще оказывается крутой ДеЗиГнеР [Only registered and activated users can see links. Click Here To Register...] [Only registered and activated users can see links. Click Here To Register...] [Only registered and activated users can see links. Click Here To Register...] .

В четвертых, если ты модератор, это не значит что ты класный специалист, в той же верстке, например.

Удачи, Эджэт и друзья [Only registered and activated users can see links. Click Here To Register...]

// Бан на 13 дней... Мы будем очень по тебе скучать… <agat />

Ненавижу, когда разговор переходит на "а на себя посмотри!".

Цитата:

---

Originally posted by synchro@Jun 18 2005, 18:03
Ненавижу, когда разговор переходит на "а на себя посмотри!".
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

[/quote]

Synchro, можно вопрос? Ты обмолвился что "забил" на IE3, а на IE5 не забил? Все-таки по лебедевской статистике (которой ты пользуешься), его 14,3%.

А вот твой сайт так выглядит в IE5:

[Only registered and activated users can see links. Click Here To Register...]

По-моему не сильно кузяво [Only registered and activated users can see links. Click Here To Register...] [Only registered and activated users can see links. Click Here To Register...] [Only registered and activated users can see links. Click Here To Register...]

Цитата:

---

Synchro, можно вопрос?

---

Нет.