| |
|
|
| | Вот такой простой текст
<html>
<head>
<style>
.point { position:absolute; background-color:red; width:3px;height:3px; }
</style>
</head>
<body onload="showTrend()">
<div class="point" style="left:10px;top:10px;"></div>
<div class="point" style="left:11px;top:11px;"></div>
<div class="point" style="left:12px;top:12px;"></div>
<div class="point" style="left:13px;top:13px;"></div>
<div class="point" style="left:14px;top:14px;"></div>
<div class="point" style="left:15px;top:15px;"></div>
<div class="point" style="left:16px;top:16px;"></div>
<div class="point" style="left:17px;top:17px;"></div>
<div class="point" style="left:18px;top:18px;"></div>
<div class="point" style="left:19px;top:19px;"></div>
</body>
</html>
В FireFox это линия, как и ожидалось. А в Explorer это ромб, что несколько неожиданно. Никто не знает, почему? | |
| |
|
|
| |
|
|
| |
для: K
(06.12.2007 в 18:35)
| | | может, не ромб, а квадрат? =)
и причина - div растягивается на всю ширину... | |
| |
|
|
| |
|
|
| |
для: bronenos
(06.12.2007 в 20:03)
| | | В том то и дело, что каждый DIV растягивается не в ширину, а в высоту, на пикселов 15-ть | |
| |
|
|
| |
|
|
| |
для: K
(06.12.2007 в 22:31)
| | | А если так?
<html>
<head>
<style>
.point { position:absolute; background-color:red; width:3px;height:3px; font-size: 1px}
</style>
</head>
<body onload="showTrend()">
<div class="point" style="left:10px;top:10px;"></div>
<div class="point" style="left:11px;top:11px;"></div>
<div class="point" style="left:12px;top:12px;"></div>
<div class="point" style="left:13px;top:13px;"></div>
<div class="point" style="left:14px;top:14px;"></div>
<div class="point" style="left:15px;top:15px;"></div>
<div class="point" style="left:16px;top:16px;"></div>
<div class="point" style="left:17px;top:17px;"></div>
<div class="point" style="left:18px;top:18px;"></div>
<div class="point" style="left:19px;top:19px;"></div>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: K
(06.12.2007 в 18:35)
| | | У всякого DIV'a по умолчанию свойство overflow имеет значение AUTO, т.е. DIV автоматически готовит место под скроллбар, и, если места заведомо не хватает, то DIV растягивается аккурат под скроллбар.
Потому, чтобы DIV не менял размеры, надо прописать для класса point ещё одно правило - overflow: hidden
PS. Для форумов, где допускаются теги, это самый часто используемый вариант для размещения поискового спама. Спамер помещает код в текст сообщения, который визуально выглядит как точка 1х1, а на самом деле это:
<div style="width: 1px; height: 1px: overflow: hidden">
<a href="URL1">ссылка 1 для поискового робота</a>
<a href="URL2">ссылка 2 для поискового робота</a>
...
<a href="URL100">ссылка 100 для поискового робота</a>
</div>
|
| |
| |
|
|
