Не получается выровнять

[maitan]

Здравствуйте,

у меня 2 колонки: меню и контент соответственно CSS:

#menu {

float: left;

width: 220px;

height: 100%;

background-color: #fff;

padding: 0px;

font-size: 9px;

font-family: Verdana, sans-serif;

background: #fff;

margin: 17px 10px 20px 9px;

}

и

#content {

width: 1000px;

margin: 10px 5px 20px 25%;

padding: 10px;

border: 1px solid #333;

}

А проблема такая, что если я попробую увеличить ширину второго блока, настолько, что он будет выходить за пределы экрана, он тут же соскакивает вниз на всю высоту блока меню, то есть они начинают располагаться по диагонали. Не подскажите чем исправить?

[psywalker]

1. Код на будущее нужно вставлять в спец. теги для этого.

2. Не понял, что нужно получить. Сделай два скрина, как должно быть и как щас.

3. Тестовую страницу с примером.

[buddah]

Тоесть ты хочешь горизонтальную прокрутку? Твои блоки с контентом и меню находятся в неком стационарном блоке,который не растягивается вширь. Им не хватает ширины того блока, вот и соскальзывает вниз.

а для боди и хтмл какие параматры задаешь?

Edited May 15, 2011 by buddah

[maitan]

Извиняюсь:

1. код 2-х блоков:

#menu {
float: left;
width: 220px; 
height: 100%;
background-color: #fff;
padding: 0px;
font-size: 9px;
font-family: Verdana, sans-serif;
background: #fff;
margin: 17px 10px 20px 9px;
}


#content { 
width: 1000px;
margin: 10px 5px 20px 25%; 
padding: 10px; 
border: 1px solid #333; 
}

2. Как должно быть:

3. Что происходит когда я увеличиваю ширину второго блока:

у body только

margin: 0;

дополнительных контейнеров не создавалось.

[maitan]

Тоесть ты хочешь горизонтальную прокрутку? Твои блоки с контентом и меню находятся в неком стационарном блоке,который не растягивается вширь. Им не хватает ширины того блока, вот и соскальзывает вниз.

а для боди и хтмл какие параматры задаешь?

спасибо!! все решил.