Выходит блок div

[WEB-best]

Всем привет. Вот такая проблема.
Вот исходники http://jsfiddle.net/sfF3Q
Это в обычном разрешении http://s005.radikal.ru/i212/1311/30/423611e1d0a7.jpg
А вот что происхожит если начинаю уменьшать ширину браузера
http://i069.radikal.ru/1311/da/cf5db2c7b800.jpg
http://s020.radikal.ru/i713/1311/18/1409257e1c6f.jpg
http://s07.radikal.ru/i180/1311/d4/4f29203e482f.jpg
ну и так далее
В чем я ошибся ?
 

 

[ya_verstaka]

Задайте body min-width:990px; должно все работать нормально.

[WEB-best]

Задайте body min-width:990px; должно все работать нормально.

Спасибо. Все нормально теперь. Только хотелось бы узнать почему именно такое произошло)

Edited November 18, 2013 by WEB-best

[ya_verstaka]

И еще,  старайтесь по минимуму использовать position, выравнивайте все float; И высоту не нужно задавать, это рано или позно вылезит боком (к примеру, если в хедере появится больше контента чем сейчас). id-шников по меньше, а лучше вообще только классы использовать. Лучше использовать сокращенные правила margin, padding, background, и т.д. (меньше байтов запишите в файл стилей).

 

Задайте body min-width:990px; должно все работать нормально.

Спасибо. Все нормально теперь. Только хотелось бы узнать почему именно такое произошло)

 

На пальцах сложно объяснить, введите в гугл "Ресайз окна: потомок перерос родителя" или что-то в этом роде и почитайте там все чётко описано. Удачи!

[WEB-best]

И еще,  старайтесь по минимуму использовать position, выравнивайте все float; И высоту не нужно задавать, это рано или позно вылезит боком (к примеру, если в хедере появится больше контента чем сейчас). id-шников по меньше, а лучше вообще только классы использовать. Лучше использовать сокращенные правила margin, padding, background, и т.д. (меньше байтов запишите в файл стилей).

 

Задайте body min-width:990px; должно все работать нормально.

Спасибо. Все нормально теперь. Только хотелось бы узнать почему именно такое произошло)

 

На пальцах сложно объяснить, введите в гугл "Ресайз окна: потомок перерос родителя" или что-то в этом роде и почитайте там все чётко описано. Удачи!

Благодарю