Карта сайта

Это автоматически сохраненная страница от 24.10.2013. Оригинал был здесь: http://2ch.hk/b/res/56617560.html
Сайт a2ch.ru не связан с авторами и содержимым страницы
жалоба / abuse: admin@a2ch.ru

Чтв 24 Окт 2013 15:50:38
CSS, HTML
Господа, подскажите:

Нужно сделать так, чтобы у контента поле слева было 30% до тех пор, пока весь контент помещается на экран. Как только экрана начинает нехватать, то поле слева уменьшается вплоть до нуля.

Спасибо!


Чтв 24 Окт 2013 16:05:47
держи
ебашишь пружину, хитровываебанная №2, и чем больше контент, тем больше она давит на эту хуйню слева

Чтв 24 Окт 2013 16:07:07
Дали человек /web/ сиди в /web/! Нет, не хочу, хочу в /b/.

Чтв 24 Окт 2013 16:07:59
>>56617560
JS, ну или как-то хитровыебанно в css3 может еще есть.

Чтв 24 Окт 2013 16:10:52
>>56617895
Извини, я не знал.

Из /pr всегда ссаными тряпками гнали.

Чтв 24 Окт 2013 16:11:18
>>56617560
> Спасибо!
Да без проблем, обращайся ещё!

Чтв 24 Окт 2013 16:18:41
>>56617560
Чего? Слева это отступ контета? Не хватает экрана как, по высоте?

Чтв 24 Окт 2013 16:19:07
Так делать нельзя, Боженька накажет.

Чтв 24 Окт 2013 16:23:54
>>56618202
Да, слева -- это отступ до контента.

И если экрана не хватает по ширине (на мобилке, например), то чтобы сначало уменьшался этот отступ, а потом уже как-то менялось отображение контента.

Чтв 24 Окт 2013 16:29:44
>>56617865
Лолд

Чтв 24 Окт 2013 16:29:51
>>56617560
@media width или типа того юзай. Поищи про адаптивный дизайн (РИСПОНЗИВ), наткнёшься на что-то подобное.

Чтв 24 Окт 2013 16:32:22
>>56618319
Тогда для контента указывай только max-width. А для мобилок стили прописываются с помощью media queries. Например


@media only screen and (max-width: 768px) {стили если разрешение экрана меньше 768px}
@media only screen and (min-width: 480px) and (max-width: 768px) {не больше 768px и не меньше 480}
@media only screen and (max-width: 480px) {стили если разрешение экрана меньше 480px}

И т.д., то у есть у тебя будет что что типа

#content {
max-width: 1280px;
margin: 0 auto;
}

@media only screen and (max-width: 480px) {
#content {
width: 100%;
}
}

Чтв 24 Окт 2013 16:38:46
>>56618496
Двачую

Чтв 24 Окт 2013 16:39:28
>>56618496
Ахуенно, спасибо за наводку!


← К списку тредов