Нежелан скролер при Responsive Design


1

 Като разцъках някои от задачките за Responsive Design, се появи нежелан хоризонтален скролер. В началото мислех, че е понеже давам 100% width на wrapper-a, но забелязах че повечето колеги са го реализирали така без да има проблем. Интересно, че при 480пиксела и по-малко скролът изчезва. Ето кодът:

http://cssdesk.com/quhhh

 Някой може ли да подскаже защо се появява скролера?

 Знам, че има теми за задачките но този проблем ми се е появявал и друг път затова пускам тема.

П.С. Не съм довършил решението, но това не би трябвало да се отрази на конкретния проблем




Отговори



3
Вместо widht:100% сложи max-width:100%;(24% и т.н.) в @media-та ;)

от emilia.orlinova (2079 точки)


0
Може ли да обясниш по-подробно... по този начин се получават бели пространства острани. Има ли начин съдържанието да бъде плътно открай до край, но без скрол?

от ivan.mihov1 (4988 точки)

0
Здравей, при моята резолюция ме хваща медиата за 1600px, освен max-width забравих да кажа че добавих и overflow:hidden; на body div#wrapper. Тогава няма белите пространства и го няма скролера.

от emilia.orlinova (2079 точки)