Задать вопрос
Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Съезжают блоки при разном разрешении экрана

Съезжают блоки при разном разрешении экрана

     10.01.2014    Общие вопросы по вёрстке, Шаблоны (TPL), Стили (CSS)    4568

вопрос
Сделал блоки в четыре колонки, но при разных разрешениях экрана они смотрятся очень криво. Как с этим справиться?
Вот, для примера, что происходит при разрешении 1024 x 768.
 Показать / Скрыть текст


Вот shortstory
<div class="viewn_cont">              
      <div style="width:25%;float:left;">
      <div class="short-story"> 
          <span class="img-size"><a href="{full-link}">{short-story}</a></span>
          <div class="price"><center><b>[xfvalue_price] руб.</b></center></div>
      </div>
      </div> 
</div>  

Ответа пока нет

 

11 комментариев

KAPTMEH
Юзер

KAPTMEH - 10 января 2014 14:55 -

Попробуйте так 

<div class="viewn_cont">              
      <div style="width:25%;float:left;">
      <div class="short-story"> 
          <span class="img-size"><a href="{full-link}">{short-story}</a></span>
          <div class="price"><center><b>[xfvalue_price] руб.</b></center></div>
      </div>
      </div>
      <div style="clear:both;"></div>
</div>
ale-eex
Юзер

ale-eex - 10 января 2014 15:02 -

Все блоки выравнялись в одну строку. Вот и все =(
KAPTMEH
Юзер

KAPTMEH - 10 января 2014 15:05 -

А у блока в котором находятся эти новости ширина указана?
Который сужается на скрине
В личку киньте ссылку на сайт
ale-eex
Юзер

ale-eex - 10 января 2014 15:10 -

Вроде бы нет.
D0Gmatist
Юзер

D0Gmatist - 10 января 2014 15:17 -

Как по мне то float:left; и float:right; корявые для использования в таких случаях ...

я всегда использую display: inline-table;
Пример

если нужно выравнивание по верху то дописываем vertical-align: top;
Пример
KAPTMEH
Юзер

KAPTMEH - 10 января 2014 15:24 -

Структура построения новости неправильная зачем viewn_cont див? Удалите его, гляньте, либо пропишите ему высоту и ширину...
KAPTMEH
Юзер

KAPTMEH - 10 января 2014 15:42 -

Или вот тут поменяйте значение min-height на большое, а вообще не правильно использовать стили прям в html...

<div class="side_center input_style" role="main" style="min-height: 429px;">
KAPTMEH
Юзер

KAPTMEH - 10 января 2014 15:59 -

Ещё бы я убрал float:left; из этой строки <div style="width:25%;float:left;"> и прописал её к диву с классом viewn_cont
ale-eex
Юзер

ale-eex - 10 января 2014 17:53 -

Ничего не помогает...
ale-eex
Юзер

ale-eex - 12 января 2014 10:40 -

Ладно, видимо ничего с этим не поделать =(
D0Gmatist
Юзер

D0Gmatist - 12 января 2014 11:29 -

Можно .. руки на рельсу и ждать ТУ-ТУуууу )))
Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

 16.02.2012 sk  Общие вопросы по вёрстке
 18.06.2012 lexa21reg  Общие вопросы по вёрстке, Шаблоны (TPL), Хаки
 17.09.2013 graver  Общие вопросы по вёрстке
 02.11.2013 Till  Общие вопросы по вёрстке
 15.11.2013 krichew  Общие вопросы по вёрстке
 11.03.2014 Sadko777  Общие вопросы по вёрстке, Общие вопросы по PHP
 29.10.2014 G-3p  Общие вопросы по вёрстке, Стили (CSS)
 20.12.2014 GSMexpress  Общие вопросы по вёрстке, jQuery
 21.02.2015 wizzi_men  Общие вопросы по вёрстке
 13.05.2015 veniamin  Общие вопросы по вёрстке, Ламерские вопросы
  • mondolfo | Как вывесит в comments.tpl картинку с но ... 7
    Фото mondolfo
    mondolfo
    Как вывесит в comments.tpl картинку с новости?
    Вчера, 23:42
    кто-нибудь решил эту?
  • Darkzone | Выбор категории для доп. поля? 4
    Фото Darkzone
    Darkzone
    Выбор категории для доп. поля?
    22-11-2024, 17:08
    Разъясните как вытащить id?
  • lutskboy | Вытащить все данные из определенного доп ... 1
    Фото lutskboy
    lutskboy
    Вытащить все данные из определенного доп поля?
    22-11-2024, 16:17
    в adminer можно.
  • lutskboy | Выбор категории для доп. поля? 4
    Фото lutskboy
    lutskboy
    Выбор категории для доп. поля?
    22-11-2024, 16:14
    выбрать все кроме такого нет. можно с бд достать все ид через запятую и вставить в xfields.txt
    js скрипт можно написать
    
<script>
    window.addEventListener('load', ()=> {
        $('#category').on('change', function() {
            var value = $(this).val();
            if ($.isArray(value)) {
            	ShowOrHideEx("xfield_holder_year", jQuery.inArray('1', value) != -1 || jQuery.inArray('2', value) != -1 );
            } else {
            	ShowOrHideEx("xfield_holder_year", value == 1 || value==2);
            }
        })
    });
</script>
year доп поле . 1 и 2 катег
  • Darkzone | Выбор категории для доп. поля? 4
    Фото Darkzone
    Darkzone
    Выбор категории для доп. поля?
    22-11-2024, 14:39
    Смотрите, Нужно чтоб обязательное к заполнению доп. поле при добавлении новости, выводилось во всех категориях, кроме двух. Так как количество категорий довольно большое, есть ли способ, не тыкать каждую категорию в которой будет отображаться доп.поле. Надеюсь я смог разъяснить.
  • lutskboy | Выбор категории для доп. поля? 4
    Фото lutskboy
    lutskboy
    Выбор категории для доп. поля?
    22-11-2024, 13:52
    где выводить? админка или сайт
  • TeraMoune | Как отключить миниатюры стандартной гале ...
    Фото TeraMoune
    TeraMoune
    Как отключить миниатюры стандартной галереи Fancybox?
    21-11-2024, 06:00
    В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

    Например: параметр Thumbs: false отключает миниатюры.
    Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
  • derebas | Как реализовать шифрование трафика? 3
    Фото derebas
    derebas
    Как реализовать шифрование трафика?
    18-11-2024, 16:52
    Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
  • Gordi | Перенёс сайт - не работают кнопки, не от ... 8
    Фото Gordi
    Gordi
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:46
    я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
    Так и было...
  • lutskboy | Перенёс сайт - не работают кнопки, не от ... 8
    Фото lutskboy
    lutskboy
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:39
    чтоб не удалять выстави права и пользователя какие там идут на файлы. .
наверх