|
 100.3 Кб |
|
| Пытаюсь вывести в ряд без отступов 4 div`а.
<style type="text/css">
body{
margin: 0px;
padding: 0px;
background-color: #636363;
background-image: url('bg.jpg');
}
div.block{
width: 25%;
height:30px;
float:left;
padding:0px;
margin:0px 0px 0px 0px;
background-color:#FF3366;
}
</style>
<table width="100%" cellpadding="0" cellspacing="0">
<tr><td style="padding-right:0px;" >
<div class="block">test</div>
<div class="block">test</div>
<div class="block">test</div>
<div class="block">test</div>
<div class="block">test</div>
</td></tr>
</table>
|
Проблема - зазор справа - см. аттач
По-моему уже все перепробовал - но зазор пропадает только, если есть вертикальный скроллбар.
Подскажите, что сделать, что бы зазор исчез. | |
|
|
|
|
|
|
|
для: Mootch
(15.06.2007 в 05:45)
| | Это получается из-за округления процентных значений ширины в IE, получаются иногда цифры, дающие в сумме не 100% ширину. А делается это немного по-другому - пример с тремя колонками http://www.dynamicdrive.com/style/layouts/category/C10/ примерно так же делается и с большим количеством колонок, например http://www.saila.com/attic/sandbox/4col-combo.html | |
|
|
|
|
|
|
|
для: ilyaILF
(15.06.2007 в 09:23)
| | а о каком округлении идет речь? В какую сторону 25 округлилось? | |
|
|
|
|
|
|
|
для: Mootch
(15.06.2007 в 15:24)
| | ну и проблемы у вас...сделайте для последнего блока однопиксельный правый бордер, а еще лучше в других браузерахпосмотрите сначала. | |
|
|
|
|
|
|
|
для: AlexSol
(15.06.2007 в 16:12)
| | >ну и проблемы у вас...сделайте для последнего блока однопиксельный правый бордер, а еще лучше в других браузерахпосмотрите сначала.
Во всех, что я смотрел, так | |
|
|
|
|
|
|
|
для: Mootch
(16.06.2007 в 00:23)
| | Попробуйте определить размеры вашей рабочей области, а затем каждого блока в отдельности и посмотрите какие результаты у вас получатся. Например, если у вас размер рабочей области нечетное значение, то при делении на 4 (25%) у вас получается дробное значение, отсюда и округление значений броузером, так как он (броузер) может вам показать только целочисленный размер в пикселах. | |
|
|
|