16:45

Change before you have to ©
Помогите, пожалуйста, разобраться. Я не новичок в css, но есть пара моментов, которые ставят меня в тупик :(

Вопросы:
1) как правильно прописать ширину блока постов, чтобы он растягивался до конца страницы при любом разрешении экрана? Width 100% дает ужасающие результаты.
2) в ИЕ у меня пропала возможность выделять какую-то определенную часть текста из поста или комментариев. Вместо этого выделяются все вышестоящие блоки. Это персональные глюки браузера?

Комментарии
05.08.2007 в 17:04

dont care
1) как правильно прописать ширину блока постов, чтобы он растягивался до конца страницы при любом разрешении экрана?
Через отступ справа не пробовали?
05.08.2007 в 17:47

Change before you have to ©
Через отступ справа не пробовали?
Не помогает...

Код блоков остался еще со времен фиксированной ширины колонок. Я думаю, вся путаница из-за него.

body.left{padding-left:0px !important; padding-top:0px !important;}
.left #wrapper{width:55%; margin: 0 0 0 -0px !important;padding:0 !important;position:relative;left:0%;//left:0%;}
.left #side{width:205px !important;margin:0 !important;}
.left #page-c{width:100% !important; padding:0 !important;}

Не могу понять, как это все нормально переписать(
06.08.2007 в 12:00

Зверь-чародей
Charmed Lina
body.left{
padding-left:0px !important; padding-top:0px !important;
text-align:center;
}
.left #wrapper{width:55%;text-align:left; margin: 0 auto !important; padding:0 !important;}
.left #side{width:205px !important;margin:0 !important;}
.left #page-c{width:0auto !important; padding:0 !important;}

попробуйте так.
06.08.2007 в 12:03

Зверь-чародей
фигню написал

напишите
.left #side{width:205px !important;margin:0 !important;}
.left #page-c{width:auto !important; padding:0 !important;}
и уберите строку
.left #wrapper{width:55%; margin: 0 0 0 -0px !important;padding:0 !important;position:relative;left:0%;//left:0%;}
вообще
06.08.2007 в 13:57

Change before you have to ©
Рёцке
Увы. Получается та же ерунда, что и с width 100%: справа появляется еще примерно полстраницы :(
06.08.2007 в 14:00

Зверь-чародей
Charmed Lina да ну? а вы точно

.left #side{width:205px !important;margin:0 !important;}
.left #page-c{width:auto !important; padding:0 !important;}

вот в таком виде вставили?
06.08.2007 в 14:03

Change before you have to ©
Точно.
ЗЫ Поставила еще раз. Можете зайти посмотреть. :nope:
06.08.2007 в 14:04

Зверь-чародей
Charmed Lina я зашел у меня нет скролла
сейчас в IE посмотрю
06.08.2007 в 14:07

Change before you have to ©
Так. Посты отображаются нормально, а вот форма для комментов все растягивает...
06.08.2007 в 14:09

Зверь-чародей
угу...
есть.

тогда надо пойти другим путем.
избавится от строк
#side {position: absolute; top: 257px; left: 135px;}
#page-c {position: absolute; top: 1px; left: 420px;}

и
.left #side{width:205px !important;margin:0 !important;}
.left #page-c{width:0auto !important; padding:0 !important;}

и выровнять дизайн под ваши картинки отступами а не абсолютным позиционированием
06.08.2007 в 14:11

Change before you have to ©
Рёцке
Попробую. Спасибо за консультацию :)
06.08.2007 в 14:20

Change before you have to ©
О... кажется, получилось и без этого. Постановкой width:0auto для поля, служащего для ввода комментария.
Еще раз спасибо)