Как починить это в адаптивной верстке?

Question

[exitialis]

Доброго времени суток. Я начинающий веб-разработчик, делаю сайт для себя, для своего проекта. Вообщем суть в чем, я сначала сверстал не резиновый шаблон, а потом подумал, а не добавить ли мне туда адаптивности? Прочитал книгу Итана Маркота "Отзывчивый веб дизайн" и приступил к делу. Книгу читал внимательно, но некоторые вещи не совсем получаются. Во-первых, если открыть сайт с мобильного устройства, отображается какая-то абра-кадабра, хотя вроде все медиа запросы написаны, написан

<meta name="viewport" content="initial-scale=1.0, width=device-width" />

. Плюс не могу никак найти решение для элементов в боковой панели. Если уменьшать размер окна, они выезжают за пределы родительского элемента, хотя я абсолютно все рассчитывал по формуле из книги в процентах. И есть ли какой-то способ сделать так, чтобы Логотип сайта сверху изменялся под размер окна, но при этом не уменьшался по высоте? Заранее спасибо за все ответы, мне они очень помогут!

Answer 1

[Сергей Карвасарный]

Конечно не все радужно как хотелось бы) по первых почему у вас по структуре идет блок content а потом Sidebar и как то по турецкому все прижато. Нужно прижимать с лева на права и располагать так же блоки т.е block-left(float:left) потом block-right(float:right), id можно не использовать в таких количествах, сколько не делаю сайтов id уже добрые не юзал, пол года не писал их примерно если не больше, только в очень редких и уникальных случаях. Ты использовал тег HTML5 header, а почему для футера не использовал footer и для меню nav или menu, а также section и acticle - считай основные теги. Ну про отступы даже говорить не буде) можно сделать элементарный paddingi или margin. А респонсив или делать сетку через ботстрап или читай про media only screen and (min-width:320px) - как пример

Comments

[exitialis]

Спасибо за ответ! Теги все переписал, я сам уже хотел давно, я просто недавно про них узнал, но было лень как-то). Раз все так советуют bootstrap, напишу через него, может действительно будет в разы легче

[Сергей Карвасарный]

Иван: я сам его не юзаю делал вчера через media но там надо разрешении вписывать на ботстрапе там уже все внесено в код и не надо писать. Через медиа тоже не сложно. sds.creativeagencychicago.com недавно сделанный