Jump to content
  • 0

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

The_Immortal

Asked by The_Immortal,

 Share

Question

The_Immortal Explorer

The_Immortal

Posted
Posted (edited)

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

 

Друзья, пытаюсь понять как работает 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 by The_Immortal
Link to comment
Share on other sites

6 answers to this question

Recommended Posts

  • 0
The_Immortal Explorer

The_Immortal

Posted
  • Author
Posted (edited)

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 by The_Immortal
Link to comment
Share on other sites
  • 0
npofopr Trainee

npofopr

Posted
Posted

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

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

 

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

 

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

 

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

Link to comment
Share on other sites
  • 0
The_Immortal Explorer

The_Immortal

Posted
  • Author
Posted (edited)

npofopr,

 

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

 

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

 

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

 

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

 

 

и только у вас

 

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

 

 

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

 

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

 

 

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

 

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


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

Edited by The_Immortal
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing

  • Обсуждения

    • Nikker
      Дизайн сайтов, landing page, логотипов, баннеров, шапок | Высокое качество, по хорошей цене

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ    
    • Nikker
      Брендовый дизайн в социальных сетях

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com   Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ   Портфолио https://www.behance.net/d4d4186e
    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept