Обрезать "Ушки" блока при ресайзе

@kepamuk · Регистрация: 03.09.2013

Студворк — интернет-сервис помощи студентам

Добрый день ! Имеется вот такой макет del при ресайзе окна нужно что бы блок со слайдером уходил под левый и правый край соответственно, до 1280 ширины. Я думаю что нужно как то делать с минусовым маржином и медией, но пока реализовать не получается, у кого нит есть идеи? спасибо !

@Fedor92 · 15.09.2015, 12:28

kepamuk, а если попробовать min-width:1280px, как вариант...

@kepamuk · 15.09.2015, 12:33 **[ТС]**

Fedor92, он и так стоит, главный вопрос не в этом, главное сделать что бы ушки уходили ПОД бока браузера, вот как это реализовать не понимаю

@Fedor92 · 15.09.2015, 12:36

kepamuk, у блока слайдера либо фиксированная ширина...

Попробуйте использовать резиновую(в %)... Конечно без кода проблематично, что-то советовать...

@kepamuk · 15.09.2015, 12:41 **[ТС]**

Fedor92, а в чем смысл? del он теперь даже не двигается с другими блоками как надо

@Fedor92 · 15.09.2015, 12:44

Сообщение от kepamuk

Fedor92, а в чем смысл?

Смысл в том, что без кода больше угадывать не буду...

@kepamuk · 15.09.2015, 12:44 **[ТС]**

Fedor92, http://pages.logicasoft.pro/primatek/main.php

@Fedor92 · 15.09.2015, 12:58

kepamuk, всё верно у Вас стоит фиксированная ширина 1480px, поэтому при сужении окна броузера слайдер не меняется в размерах... Меню, кстати, тоже...

@kepamuk · 15.09.2015, 13:01 **[ТС]**

Fedor92, я ничего не понимаю, как он должен меняться в размерах ? мне нужно сделать что бы бока слайдера обрезались при сужении и уходили под браузер, и при этом сам слайдер размеры не меняет

@Fedor92 · 15.09.2015, 13:08

Сообщение от kepamuk

Fedor92, я ничего не понимаю, как он должен меняться в размерах ? мне нужно сделать что бы бока слайдера обрезались при сужении и уходили под браузер, и при этом сам слайдер размеры не меняет

Ну тогда я в принципе не втыкаю, что Вы хотите изобразить... Может найдётся кто поймёт...

@kepamuk · 15.09.2015, 13:09 **[ТС]**

Fedor92, del вот такой результат должен быть

@Fedor92 · 15.09.2015, 13:29

Попробуйте такие стили, как вариант:

CSS
1
2
3
.banner .slide{min-width:1280px; width:100%}
.banner{min-width:1280px; width:80%}
header .menu_main{min-width:1280px; width:80%}

@kepamuk · 15.09.2015, 13:38 **[ТС]**

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

@Fedor92 · 15.09.2015, 13:43

kepamuk, Ну Вы юморной...

Ушки...

CSS
1
html, body{width:100%}

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

@kepamuk · 15.09.2015, 13:46 **[ТС]**

Fedor92, эм...а чем это поможет ? ничего не изменилось с этим=\

@Fedor92 · 15.09.2015, 13:50

Fedor92, эм...а чем это поможет ? ничего не изменилось с этим=\
У Вас будет резиновая ширина страницы и при сужении окна броузера до 1280px, как Вы говорите ушки пропадут...

kepamuk, я не вижу чтобы Вы что добавили...

@kepamuk · 15.09.2015, 14:09 **[ТС]**

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

у меня задача стоит, что бы эти блоки не ресайзились. Нужно именно что бы края уходили под бока браузера

Добавлено через 3 минуты
Fedor92, del вот все тоже самое, левый край не уходит под левую сторону браузера

Добавлено через 15 минут
Все смог додумать сам, если кому интересно нужно с минусовым маржином поработать

Новые блоги и статьи Все статьи Все блоги /
Символьное дифференцирование igorrr37 13.02.2026 / * Программа принимает математическое выражение в виде строки и выдаёт его производную в виде строки и вычисляет значение производной при заданном х Логарифм записывается как: (x-2)log(x^2+2) -. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .

@kepamuk 14 / 14 / 5 Регистрация: 03.09.2013 Сообщений: 159

	Обрезать "Ушки" блока при ресайзе 15.09.2015, 12:26. Показов 1633. Ответов 16 Метки нет (Все метки) Добрый день ! Имеется вот такой макет del при ресайзе окна нужно что бы блок со слайдером уходил под левый и правый край соответственно, до 1280 ширины. Я думаю что нужно как то делать с минусовым маржином и медией, но пока реализовать не получается, у кого нит есть идеи? спасибо ! Миниатюры 0

@Fedor92 2964 / 2621 / 1068 Регистрация: 15.12.2012 Сообщений: 10,091 Записей в блоге: 11
	15.09.2015, 12:28
	kepamuk, а если попробовать min-width:1280px, как вариант... 0

@kepamuk 14 / 14 / 5 Регистрация: 03.09.2013 Сообщений: 159
	15.09.2015, 12:33 [ТС]
	Fedor92, он и так стоит, главный вопрос не в этом, главное сделать что бы ушки уходили ПОД бока браузера, вот как это реализовать не понимаю Миниатюры 0

@Fedor92 2964 / 2621 / 1068 Регистрация: 15.12.2012 Сообщений: 10,091 Записей в блоге: 11
	15.09.2015, 12:36
	kepamuk, у блока слайдера либо фиксированная ширина... Попробуйте использовать резиновую(в %)... Конечно без кода проблематично, что-то советовать... 0

@kepamuk 14 / 14 / 5 Регистрация: 03.09.2013 Сообщений: 159
	15.09.2015, 12:41 [ТС]
	Fedor92, а в чем смысл? del он теперь даже не двигается с другими блоками как надо Миниатюры 0

@kepamuk 14 / 14 / 5 Регистрация: 03.09.2013 Сообщений: 159
	15.09.2015, 12:44 [ТС]
	Fedor92, http://pages.logicasoft.pro/primatek/main.php 0

@Fedor92 2964 / 2621 / 1068 Регистрация: 15.12.2012 Сообщений: 10,091 Записей в блоге: 11
	15.09.2015, 12:58
	kepamuk, всё верно у Вас стоит фиксированная ширина 1480px, поэтому при сужении окна броузера слайдер не меняется в размерах... Меню, кстати, тоже... 0

@kepamuk 14 / 14 / 5 Регистрация: 03.09.2013 Сообщений: 159
	15.09.2015, 13:01 [ТС]
	Fedor92, я ничего не понимаю, как он должен меняться в размерах ? мне нужно сделать что бы бока слайдера обрезались при сужении и уходили под браузер, и при этом сам слайдер размеры не меняет 0

@kepamuk 14 / 14 / 5 Регистрация: 03.09.2013 Сообщений: 159
	15.09.2015, 13:09 [ТС]
	Fedor92, del вот такой результат должен быть Миниатюры 0

@kepamuk 14 / 14 / 5 Регистрация: 03.09.2013 Сообщений: 159
	15.09.2015, 13:38 [ТС]
	Fedor92, мне нужно сделать что бы не сам слайдер уменьшался,а края которые находятся за красными линиями при ресайзе уходили под бока браузера 0

@kepamuk 14 / 14 / 5 Регистрация: 03.09.2013 Сообщений: 159
	15.09.2015, 13:46 [ТС]
	Fedor92, эм...а чем это поможет ? ничего не изменилось с этим=\ 0

@Fedor92 2964 / 2621 / 1068 Регистрация: 15.12.2012 Сообщений: 10,091 Записей в блоге: 11
	15.09.2015, 13:50
	Fedor92, эм...а чем это поможет ? ничего не изменилось с этим=\ У Вас будет резиновая ширина страницы и при сужении окна броузера до 1280px, как Вы говорите ушки пропадут... kepamuk, я не вижу чтобы Вы что добавили... 0