К списку форумов К списку тем
Регистрация    Правила    Главная форума    Поиск   
Имя: Пароль:
Рекомендовать в новости

Помогите с CSS

Гость
0 - 02.07.2014 - 10:23
Здравствуйте!
Помогите разобраться с CSS. Проблема в том, что при уменьшении ширины браузера центральная картинка проваливается вниз, а хотелось бы, чтобы правая граница окна браузера просто наезжала бы на контент.

http://hostingkartinok.com/show-imag...cecdec2a32d14c

http://hostingkartinok.com/show-imag...e1a95cf39dea3c

http://hostingkartinok.com/show-imag...968aa26dfc572b



Гость
1 - 02.07.2014 - 17:22
покажи код
Гость
2 - 03.07.2014 - 09:10
Слою, в котором это изображение, дай относительную ширину (80% например). Сделай этот слой на переднем плане (z-index). И изображению дай относительную ширину от оригинала.

HTML:

<div style="width:80%; z-index:99">
<img src=# class=otn>
</div>

CSS:

.otn {width:100%;**
Гость
3 - 03.07.2014 - 10:08
body **
min-width:1000px;
**
Гость
4 - 03.07.2014 - 10:08
Вместо "**" - "**"
Гость
5 - 04.07.2014 - 01:25
Цитата:
Сообщение от qwertyytrewq Посмотреть сообщение
Слою, в котором это изображение, дай относительную ширину (80% например). Сделай этот слой на переднем плане (z-index). И изображению дай относительную ширину от оригинала. HTML: &lt;div style="width:80%; z-index:99"&gt; &lt;img src=# class=otn&gt; &lt;/div&gt; CSS: .otn {width:100%;**
тут в сайдбаре скорее проблема, он имеет фиксированную ширину а изображение относительную в процентах от родителя.
Поясню к примеру, контейнер 1000px, сайдбар 200px (это 20% от родителя) а картинка 70%;
Когда контейнер становится 500px, сайдбар остаётся 200px а картинка 350(это 70% от контейнера) что в сумме превышает ширину родителя, и поэтому картинка съезжает вниз.
Решение: Задать сайдбару width:20%;
6 - 04.07.2014 - 09:43
Тут что, соревнование ясновидящих? :)


К списку вопросов






Copyright ©, Все права защищены