min-width на примере

The_Immortal · March 4, 2014

Всех приветствую!

Друзья, пытаюсь понять как работает min-width. Дернуло меня глянуть значение данного тега на сайте Рутрекера.

Если сжимать окно с вышеуказанной страницей, до тех пор пока содержимое не перестанет сжиматься, то получим некое значение. И это значение отличается от того, что заявлено у них в body:

body {...min-width: 760px;}

Оно явно больше. Тогда я решил пройтись по всему css и посмотреть какие еще элементы имеют min-width:

#sidebar1_wrap {...min-width: 210px;}

#forums_list_wrap {...min-width: 510px;}

#forums_list_wrap {...min-width: 240px;}

Сложил все вместе, получилось 950px - и все равно это не соответствует действительности.

1. Быть может, кто-нибудь может подсказать где там собака зарыта?

2. Зачем ставить общий min-width меньшим, чем составляющие min-width в сумме (760px < 950px)?

Благодарю!

Edited March 4, 2014 by The_Immortal

npofopr · March 5, 2014

#sidebar1_wrap там вообще другой размер стоит.

а min-width указан, чтобы страница тянулась по максимум во всю ширину

iKNG · March 5, 2014

#sidebar1_wrap {...min-width: 210px;}
#forums_list_wrap {...min-width: 510px;}
#forums_list_wrap {...min-width: 240px;}
Сложил все вместе, получилось 950px

Может быть, Вы хотели сказать ~~960px~~ 720px?

Edited March 5, 2014 by iKNG

The_Immortal · March 5, 2014

iKING,

Может быть, Вы хотели сказать ~~960px~~ 720px?

Прошу прощения:

#sidebar1_wrap {...min-width: 200px;}

#forums_list_wrap {...min-width: 510px;}

включает в себя

#idx-sidebar2  {...min-width: 240px;}

И т.к. #idx-sidebar2 входит в #forums_list_wrap, то получается 200 + 510 = 710, а 710 != 760, вот и не понимаю откуда эти общие 760 взялись... Да и не сжимается #forums_list_wrap до заявленных 510. Минимум по факту у него больше, а именно 752px. И получаем общую min-width: 200 + 752 = 952px и это далековато от заявленных 760px... Чертовщинка какая-то :wacko:

Я к тому, что #forums_list_wrap был обязан еще больше сжаться, но он почему-то этого не делает...

Кстати говоря, когда по горизонтали сжимаешь окно со страницей, то там с правой стороны появляется какая-то серая фиговина, которую Firebug относит к тегу <html> - что это вообще такое?

Edited March 5, 2014 by The_Immortal

npofopr · March 5, 2014

Вы вообще с какой целью интересуетесь?

Что такое min-width я думаю вы понимаете.

Рутрекер это большой проект. Возможно раньше была нужна та длина, которая стоит, потом что то изменилось, не везде все изменили. Всякое может быть. Можете обратиться к верстальщику Рутрекера, если найдете. Он сверстан еще на таблицах, что с ним происходило за долгие годы, уже никому не известно.

Разбираться что у них за фиговина на сайте, тоже дело особо не интересное. Ну фиговина и фиговина. Я так понимаю еще и только в ФФ и только у вас. И да, телепатов тут нет.

Я понимаю конечно, что чужую верстку хорошо смотреть. Но зачем смотреть форумные движки? Да и если смотреть, то может, что то по новее? Хотя бы этот форум.

The_Immortal · March 5, 2014

npofopr,

Вы вообще с какой целью интересуетесь? Что такое min-width я думаю вы понимаете.

В целом да, понимаю. Однако хотел повысить уровень понимания на реальном примере. Но пример этот, видимо, действительно выбран неудачно.

Ну фиговина и фиговина. Я так понимаю еще и только в ФФ

Mozilla Firefox актуальной версии, Google Chrome актуальной версии/неOpera актуальной версии, Internet Explorer 8/9/10/11.

и только у вас

Полагаю, что у всех обладателей вышеуказанных браузеров

Да и если смотреть, то может, что то по новее? Хотя бы этот форум.

А тут все чистенько и понятно - я уже исследовал

Рутрекер это большой проект. Возможно раньше была нужна та длина, которая стоит, потом что то изменилось, не везде все изменили. Всякое может быть. Можете обратиться к верстальщику Рутрекера, если найдете. Он сверстан еще на таблицах, что с ним происходило за долгие годы, уже никому не известно.

Пожалуй, Вы правы. Прошу прощения...

И благодарю за участие!

Edited March 5, 2014 by The_Immortal

npofopr · March 6, 2014

Полагаю, что у всех обладателей вышеуказанных браузеров

ну у меня нет никаких фиговин, например.

Sign In

min-width на примере

Question

The_Immortal

Link to comment

Share on other sites

6 answers to this question

Recommended Posts

npofopr

Link to comment

Share on other sites

iKNG

Link to comment

Share on other sites

The_Immortal

Link to comment

Share on other sites

npofopr

Link to comment

Share on other sites

The_Immortal

Link to comment

Share on other sites

npofopr

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information