Ознакомьтесь с нашей политикой обработки персональных данных
21:14 

Помогите, люди добрые

Маркоша
Мне говорили - похожа на мандаринку
РЕШЕНО

Спасибо Aista :white:
запись создана: 18.09.2015 в 10:38

@темы: отступы, основные блоки, Дизайн, diaryCSS

Комментарии
2015-09-18 в 11:34 

Aista
Не так страшен чёрт, как его трезубец в заднем проходе.
По сути у вас сейчас параметры #wrapper, переводя на русский, ширина: 888px и не менее: 1000px. Мб поэтому крыша и едет. Приведите к общему значению, в данном случае попробуйте совсем убрать параметр min-width, либо задайте тоже 888

2015-09-18 в 11:38 

Aista
Не так страшен чёрт, как его трезубец в заднем проходе.
Вообще странно задавать бэкграунд растяжке, как я понимаю, за область поста отвечают page-t и postArea
Растяжка это контейнер, задающий положение содержимого на странице
Не взлетит с шириной - задайте фон для page-t или postArea

2015-09-18 в 11:52 

Маркоша
Мне говорили - похожа на мандаринку
Aista, когда трогаю параметр min-width (и убирала и ставила тоже 888) сразу едет крыша.

Второе предложение попробую как буду дома. Я правильно понимаю, враппер вообще убрать, а фон задать page-t или postArea?

2015-09-18 в 11:59 

Aista
Не так страшен чёрт, как его трезубец в заднем проходе.
нет, враппер оставьте, это полезная бифидобактерия)) фон с него уберите, да, задайте для page-t или postArea

2015-09-18 в 13:22 

Маркоша
Мне говорили - похожа на мандаринку
Aista, пожалуйста подскажите как это правильно прописать, мой косолапый код не принимает:




и этот тоже


Выглядит так yadi.sk/i/EhVXKywUjAcbC

Это то что осталось от враппера (1000 по прежнему тронуть не дает, сразу расползается все).

2015-09-18 в 22:38 

Aista
Не так страшен чёрт, как его трезубец в заднем проходе.
Ссыль не открывется, вангую что так
.postArea {width:888px; min-height: 100%; background:url('/userdir/5/9/2/1/592173/83356697.jpg') left top repeat-y;}
или, соответственно

.page-t {width:888px; min-height: 100%; background:url('/userdir/5/9/2/1/592173/83356697.jpg') left top repeat-y;}

2015-09-18 в 22:40 

Aista
Не так страшен чёрт, как его трезубец в заднем проходе.
Стоп, в коде это айдишники, вместо точки решетка, #postArea или #page-t

2015-09-18 в 22:50 

Маркоша
Мне говорили - похожа на мандаринку
Aista, не помогает, либо так читать дальше

Либо еще страшнее разъзжается.

А от враппера я не пойму, что надо оставить?

2015-09-18 в 23:21 

Aista
Не так страшен чёрт, как его трезубец в заднем проходе.
1. Вам что нужно получить? чтобы был единый фон для всех постов? чтобы он захватывал меню?
2. Честно говоря, без кода и по картинкам это все гадание на кофейной гуще
3. При каком варианте не помогает? При каком "так"? "Еще страшнее" это как? куда?

2015-09-18 в 23:25 

Aista
Не так страшен чёрт, как его трезубец в заднем проходе.
Можно попробовать еще прописать #page-c {width:888px; min-height: 100%; background:url('/userdir/5/9/2/1/592173/83356697.jpg') left top repeat-y;}

2015-09-18 в 23:26 

Aista
Не так страшен чёрт, как его трезубец в заднем проходе.
Либо #wrapper {width: 888px; min-width: 888px !important; background:url('/userdir/5/9/2/1/592173/83356697.jpg') right top repeat-y;}

2015-09-19 в 07:56 

Маркоша
Мне говорили - похожа на мандаринку
1. Вам что нужно получить? чтобы был единый фон для всех постов? чтобы он захватывал меню? 2. Честно говоря, без кода и по картинкам это все гадание на кофейной гуще 3. При каком варианте не помогает? При каком "так"? "Еще страшнее" это как? куда?
1. Да И меню, и под экстратопом вверх. Не знаю как объяснить, на скринах наверное понятно будет
2. Первоначально:

выглядит это так
читать дальше

3. Что происходит после:
#postArea {width:888px; min-height: 100%; background:url('/userdir/5/9/2/1/592173/83356697.jpg') left top repeat-y;}
вместе с #wrapper {width:888px !important;}
читать дальше

или,
#page-t {width:888px; min-height: 100%; background:url('/userdir/5/9/2/1/592173/83356697.jpg') left top repeat-y;}
вместе с #wrapper {width:888px !important;}
становится так (кстати, это и было "еще страшнее")
читать дальше

После:
#page-c {width:888px; min-height: 100%; background:url('/userdir/5/9/2/1/592173/83356697.jpg') left top repeat-y;}
вместе с #wrapper {width:888px !important;}
читать дальше


После (и это - "еще страшнее"):
#wrapper {width: 888px; min-width: 888px !important; background:url('/userdir/5/9/2/1/592173/83356697.jpg') right top repeat-y;}
читать дальше

Чтобы я не делала, результат не подходит, это видно на скринах. Проблема видимо в том, что раньше БИ принимала изображения 1000 пикс., был отработанный дизайн, который идеально садился на картинках 1000 пикс. вот такой.
читать дальше
Сейчас я решила его видоизменить, но ничего не выходит. Очень нужна помощь, я не справлюсь сама. Буду признательна, если Вы меня не бросите на полпути. :white:

Доступ на просмотр дневника сделала.

2015-09-19 в 08:20 

Маркоша
Мне говорили - похожа на мандаринку
1. Вам что нужно получить? чтобы был единый фон для всех постов? чтобы он захватывал меню? 2. Честно говоря, без кода и по картинкам это все гадание на кофейной гуще 3. При каком варианте не помогает? При каком "так"? "Еще страшнее" это как? куда?
Скорректировала ответ на 1 пункт:
читать дальше

2015-09-19 в 10:13 

Aista
Не так страшен чёрт, как его трезубец в заднем проходе.
Сейчас у вас задано
#wrapper {width: 888px; min-width: 888px !important; background:url('/userdir/5/9/2/1/592173/83356697.jpg') right top repeat-y;}
Фон на скриншоте задан верно, у вас съехал extratop.
У меня ваш дневник корректно отображается в хроме и файрфоксе.
Кстати, куда делось меню на предпоследнем скрине?
вот тут
После (и это - "еще страшнее"):

2015-09-19 в 10:20 

Маркоша
Мне говорили - похожа на мандаринку
Aista, оно исчезло (про меню).

Корректно отображается, потому что я уже вродебы (ттт) все поправила. Методом научного тыка. И с вашей помощью. right помог, только пришлось потрогать всякие отступы в других элементах.

2015-09-19 в 10:23 

Aista
Не так страшен чёрт, как его трезубец в заднем проходе.
кстати, пользуйтесь инструментами разработчика. В Файрфоксе в область страницы кликните правой кнопкой и выберите "Исследовать элемент". Вывалится дерево DOM с удобной подсветкой элементов на странице, там же, в этой утилите, можно "на лету" вносить правки и видеть результат, а потом уже переносить их в код

2015-09-19 в 10:23 

Маркоша
Мне говорили - похожа на мандаринку
Aista, спасибо огромное! Да, все решено. :white::white::white:

2015-09-19 в 10:25 

Aista
Не так страшен чёрт, как его трезубец в заднем проходе.
Кошмаринка, не за что :)

2015-09-19 в 10:25 

Маркоша
Мне говорили - похожа на мандаринку
кстати, пользуйтесь инструментами разработчика. В Файрфоксе в область страницы кликните правой кнопкой и выберите "Исследовать элемент". Вывалится дерево DOM с удобной подсветкой элементов на странице, там же, в этой утилите, можно "на лету" вносить правки и видеть результат, а потом уже переносить их в код
Спасибо за совет. Я вообще плохо шарю во всем этом, дизайн раз в два года меняю примерно. Но нравится, да. еще раз спасибо!

Комментирование для вас недоступно.
Для того, чтобы получить возможность комментировать, авторизуйтесь:
 
РегистрацияЗабыли пароль?

@CSS — стилизация дневников

главная