8 replies to this topic

[Yastroitel]

Добрый день!
 
На моем сайте материалы выводять в два столбика. С точки зрения див-ов одна строка выглядит так:
 

<div class="column rborder width50 first">
<div class="column rborder width50 last">
<div class="clear clr"></div>

Как мне наиболее корректно избавить от последнего дива с очищающим правилом, чтобы не возникло коллизий в дальнейшем?

 

Задача такая - я использую плагин бесконечного скрола, и он сходит с ума от этого "лишнего" дива.

 

Спасибо

[Sliapy]

Этот див добавляется в файле \media\zoo\applications\jbuniversal\templates\catalog\renderer\item_columns\_default.php

[Yastroitel]

Теоретически я бы его нашел и так.

 

Меня больше мучает вопрос - является ли корректным решение его просто удалить?

Как быть в будущем с обновлениями JBZOO?

[ripcord]

Меня больше мучает вопрос - является ли корректным решение его просто удалить?

 

Если у Вас бесконечный скролл, то дивы и так, скорее всего, в "position:absolute" и тогда можно удалять.

Было бы интересно глянуть вживую конечно.

[Yastroitel]

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

clear:both

но теперь дивы между собой слипаются.

[Sliapy]

Да, без ссылки по CSS можно только гадать. Для чего вы прописываете клир? 

 

Я посоветовал удалить, потому что, как я понял, скролл просто считает кол-во дочерних элементов у какого-то контейнера.

[ripcord]

К сожалению, так не сказать, зависит от реализации скролла, который Вы используете. И от многих других факторов.

[Yastroitel]

Да я понимаю

 

Ну будет лишний раз для меня эксперимент с CSS

Клир я вставляю чтобы убрать флоат - я так думал по крайней мере

 

Тыканием пальцем в небо добился неплохого результата при прикреплении кроме клира еще и флоат райт - для последнего блока в строке.

Но дальше происходит следующее - блок first выводится и следующий блок идет не в строку а с новой.

[ripcord]

Без ссылки сказать трудно, но предполагаю, что айтемы разной высоты и напрягают промежутки между рядами.

Если так, и если вывод только в 2 колонки, то лучше эти колонки поставить вертикально параллельно друг другу через указание их ширины и добавления к ним чего-нить вроде

display: inline-block; 
vertical-align: top;
float: none;
width: "сколько-то"

тогда айтемы будут добавляться вертикально в каждую из них и станет более лучше )

 

теория примерно такова ))