[HTML+CSS]Чайницкий вопрос по расположению боксов

>Как сделать, чтобы слева было меню, а правее, сразу после него — основной текст, но основной текст не пытался обтекать меню?

Загнать всё в таблицы. Самый безотказный вариант. Хотя адептам xhtml вёрстки это не понравится :)

А я хочу, чтобы, было как у нас, на ЛОРе

Ну так возьми и пользуйся, опенсорц же, ну!!!

++

Жмем F12 на «главной» и смотрим стили классов «column», «newsblog» etc.

http://lurkmore.ru/Умение_разбираться_в_чужом_коде

Вот у меня его в плане HTML пока мало. Тем более на самом ЛОРе он в сжатом, нечитаемом виде. Поэтому придётся качать исходники движка.А вдруг они и там нечитаемы? Или вдруг там сделано при помощи задания ширины в пикселях?

>Или вдруг там сделано при помощи задания ширины в пикселях?

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

Или вдруг там сделано при помощи задания ширины в пикселях?

да:

DIV.newsblog{margin-left:-245px;float:right;width:100%;}
DIV.column{text-align:center;float:left;width:240px;}

>Жмем F12

Это хоткей ie или я ошибаюсь?

Нет, это «open firebug».

>А вы как хотели, чтобы ширина была свободно варьируемой?

Не знаю, свободно это или не свободно, но я хочу так, как в моём примере, но без обтекания основным текстом. Если сделано свойство float:left, то размер бокса подгоняется под содержимое.

>Нет, это «open firebug».

Тогда прошу прощения :)

Так у вас практически то, что и надо. Остается лишь поместить текст справа в отдельный div, а их оба - в общий контейнер...

> Если сделано свойство float:left, то размер бокса подгоняется под содержимое.

Если задано свойство float, то блоку требуется указывать width и height по стандарту. Хотя на деле это не обязательно, т.к. браузеры интерпретируют это подстраиванием под контент.

И ограничь размер меню, а для текстового блока поставь margin-left соответствующий. Если очень хочется извратов, то можешь этот margin выставлять скриптом, в соответствии с текущей шириной меню.

Амперсант надо экранировать даже в ссылках — вместо & пиши &

> вместо & пиши &

Что-то движок у ЛОРа какой-то ущербный. Я имел в виду:
вместо & пиши «& amp ;», только без пробелов

>Если задано свойство float, то блоку требуется указывать width и height по стандарту.

Валидатор почему-то не ругается, если нету.

>Загнать всё в таблицы. Самый безотказный вариант. Хотя адептам xhtml вёрстки это не понравится :)

можно загнать все в дивы со свойством display: table-cell; и проч :)

http://htmlbook.ru/layout — тут смотрел?

> Валидатор почему-то не ругается, если нету.

Да, действительно. Мне казалось, что ругался, но возможно я что-то путаю. По-любому — сам я часто использую float не указывая размеров или применяя значение auto.

но возможно я что-то путаю

Да нет, надо бы экранировать. По ссылке, например:

Line 34, Column 77: cannot generate system identifier for general entity «oldid»
Line 34, Column 77: general entity «oldid» not defined and no default entity
Line 34, Column 82: reference not terminated by REFC delimiter

А вообще, можно сделать в духе

#leftmeny {
    float: left;
    width: 20ex;
}
#content {
    margin-left: 21ex;
}

правда ширина меню будет фиксирована.

* meny :)

** div'у остального текста задать id=«content».

>Как сделать, чтобы слева было меню, а правее, сразу после него — основной текст, но основной текст не пытался обтекать меню?

Сделай overflow: hidden для div с основным текстом.

>> но возможно я что-то путаю

Да нет, надо бы экранировать. По ссылке, например:

Не понял. Я, если что, по поводу размеров float'ов.

Это была неправильная интерпретация текста %)