Двигая границу окна браузера

[pashtetina]

Здравствуйте. Учусь верстке, столкнулся с проблемой.

При передвижении правой границы окна браузера содержимое сайта начинает "спадать", не знаю как точно выразиться.

Вот сайт: http://testmarkup.ucoz.ru/index.html

Вот css : http://testmarkup.ucoz.ru/style.css

Складывается в частности вот здесь:

 
       <p class="q1"><span class="w1">102 456</span><br /><span class="w2">комментариев</span></p>
       <p class="q2"><span class="w1">10 432</span><br /><span class="w2">публикаций</span></p>
       <p class="q3"><span class="w1">344 657</span><br /><span class="w2">врачей</span></p>

Здесь окно на всю ширину экрана:

————————————————————————————————————————————————————————————————————————————-

А вот так - сужено до половины:

Помогите, пожалуйста, разобраться - в чем проблема?

Спасибо.

[Great Rash]

float: left; поди стоит? При сужении страницы элементы переносятся на следующую строку - это совершенно нормальное поведение. Поставьте минимальную ширину окна, пусть появляется горизонтальная полоса прокрутки.

[Veseloff]

Создайте ширину у блоков. Например, можно поставить для класса logo ширину 650px и из него больше ничего не уползёт.

[zSpx]

Для #header {position: relative} нужно применить. И почитать position на htmlbоok.ru .nav, который ломается, абсолютно позиционирован, а его родитель имеет дефолтное (static) позиционирование и отсчет координат ведется от окна браузера, в следствии чего и ломается, при изменении его (окна браузера) размера.

Edited October 17, 2011 by zSpx

[pashtetina]

Заработало! Большое спасибо Вам!

*

Читал, видимо недостаточно.

Edited October 17, 2011 by pashtetina