Разметка веб-сайта при изменении размера браузера

Как видно из названия, у меня возникают проблемы с созданием моего сайта. В настоящее время он находится на стадии проектирования, и у меня возникают проблемы с включением браузера в оконный режим.Разметка веб-сайта при изменении размера браузера

Все виды перераспределяют его самостоятельно. Если вы немного прокрутите страницу, вы увидите, что некоторые разделы выходят из строя.

Я не знаю, что я сделал не так, но я бы очень хотел исправить эту проблему.

Это ссылка на мой сайт, как он стоит: http://www.dennis-website.co.nf/index.html

источник

2013-07-29 Denni199

Я предполагаю, что ваша проблема заключается в том, что ваш ящик Twitter плавает вправо, поэтому, когда вы это делаете маленькие элементы меню располагаются справа от вашей страницы, тогда как твитер-бокс висит над краем, поэтому, когда вы прокручиваете правое положение, ваши пункты меню остаются там, где они есть? – FrostbiteXIII

Несвязанный: у вас есть неверный HTML в ваших списках. '

Reviews

' должно быть '

Reviews

' –

@WesleyMurch Я не знал, что это будет недействительным. Я сделал это, чтобы фон объекта списка и цвет ссылки изменились при наведении. – Denni199

Там нет минимальной ширины устанавливается на общем сайт. Ваша #container_main имеет ширину, равную 1002px, где, поскольку остальная часть сайта не делает этого, заголовок и меню рушится до ширины браузера. Вы можете быстро решить эту проблему, установив

#wrapper { 
    min-width: 1002px; 
}

Таким образом, общий участок имеет минимальную ширину.

источник

2013-07-29 12:57:42 jerrylow

Благодаря другим ответам, но это тот, который сработал для меня. – Denni199

Вы должны использовать Media queries для настройки размера шрифта, ширину элементов и многое другое для различных разрешений экрана.

Пример: http://webdesignerwall.com/tutorials/css3-media-queries

источник

2013-07-29 12:51:44

Простите, я не думаю, что вполне понимаю? Не могли бы вы показать мне пример или углубиться? – Denni199

Медиа-запросы - это свойства CSS, с помощью которых вы можете изменять свойства элементов вашей страницы на основе разрешений экрана или типа устройства и т. Д. Чтобы увидеть это на самом деле http://css-tricks.com/, посетите этот сайт и измените размер вашего браузера. –

О, теперь я вижу. Это довольно круто, но на самом деле это не тот взгляд, который я собирался сделать. Что предложил @jerrylow, сделал так, как я этого хотел. Спасибо в любом случае, я буду держать Media Queries в уме. – Denni199

<div id="nav">

Ваш CSS должен быть:

#nav 

{ 
width:100% 
}

источник

2013-07-29 13:01:14

Спасибо. Я добавил это. – Denni199

Вы должны сделать адаптивный веб-сайт дизайн, чтобы преодолеть эту проблему. Вот отличная книга на Responsive Design by Ethan Marcotte. Он будет охватывать все темы о том, как создавать гибкие сетки, реагировать на изображения и медиа-запросы +, это всего лишь 150 страниц. Небольшой бесплатный pdf: D

источник

2013-07-29 13:07:05

Разметка веб-сайта при изменении размера браузера

ответ

Смежные вопросы