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

[Hetman]

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

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

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

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

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

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

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

[agat]

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

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

[Hetman]

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

Что такое пустой див? Зачем он нужен? Вам, что, нечего на сайтах размещать?
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]

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

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

[Только зарегистрированные пользователи могут видеть ссылки. ] (шапка с лого и меню)


<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][Только зарегистрированные пользователи могут видеть ссылки. ]</td>
<td width="25%" class="nobr">[img]/i/li-m.gif[/img][Только зарегистрированные пользователи могут видеть ссылки. ]</td>
<td width="25%" class="nobr">[img]/i/li-m.gif[/img][Только зарегистрированные пользователи могут видеть ссылки. ]</td>
<td width="25%" class="nobr">[img]/i/li-m.gif[/img][Только зарегистрированные пользователи могут видеть ссылки. ]</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][Только зарегистрированные пользователи могут видеть ссылки. ]</td>
<td width="25%" class="nobr">[img]/i/li-m.gif[/img][Только зарегистрированные пользователи могут видеть ссылки. ]</td>
<td width="25%" class="nobr">[img]/i/li-m.gif[/img][Только зарегистрированные пользователи могут видеть ссылки. ]</td>
<td width="25%" class="nobr">[img]/i/li-m.gif[/img][Только зарегистрированные пользователи могут видеть ссылки. ]</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][Только зарегистрированные пользователи могут видеть ссылки. ]</td>
<td width="25%" class="nobr">[img]/i/li-m.gif[/img][Только зарегистрированные пользователи могут видеть ссылки. ]</td>
<td width="25%" class="nobr">[img]/i/li-m.gif[/img][Только зарегистрированные пользователи могут видеть ссылки. ]</td>
<td width="25%" class="nobr">[img]/i/li-m.gif[/img][Только зарегистрированные пользователи могут видеть ссылки. ]</td>
</tr>
</table>
</div>

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


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

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

[agat]

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

[Hetman]

Originally posted by agat@Jun 7 2005, 18:13
Товарищь, у тебя весь код корявый, от начала, до конца... так что чем пробелы делать, особо роли не играет. IMHO
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]

Странный ты человек, не знаешь - так и скажи, нех** понты гонять.
Дай другим людям ответить.

[Tujh]

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

[AVR]

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

[Hetman]

Originally posted by Tujh@Jun 7 2005, 23:07
А при чем здесь дивы то? они вообще не для распорок придуманы. Либо на таблицах с распорками все строй либо на дивах с css.
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]

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

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

[Hetman]

Originally posted by AVR@Jun 8 2005, 00:31
Hetman, поаккуратней с выражениями, когда в гости заходишь!
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]

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

[agat]

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

[lunux]

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

[Hetman]

Originally posted by lunux@Jun 10 2005, 14:57
Hetman не парся лучшего чем <div><spacer ... пока нет
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]

Я тоже так думаю, если делать код для всех браузеров, а не только для IE 5+

[lunux]

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

[Hetman]

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

[pepelsbey]

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

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, т.к. размеры — это размеры шрифта

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

[Hetman]

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'>[Только зарегистрированные пользователи могут видеть ссылки. ]</div>[/quote]

Все то же, что я в самом начале написал.
Ничего новенького!

Originally posted by pepelsbey@Jun 13 2005, 15:54
А теперь финальная фраза: ради Бога, не используйте распорки.
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]

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

[agat]

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

[Hetman]

Я говорю, что ты хрен сверстаешь без распорок для браузеров IE4+, Opera5+, Mozilla1.7+, FireFox 1.0+ вот например такое: [Только зарегистрированные пользователи могут видеть ссылки. ]

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

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

[synchro]

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

[agat]

Originally posted by synchro@Jun 14 2005, 15:31
Запросто сверстаю на слоях+ЦСС
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]

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