|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
22.01.2011, 23:09 | #1 |
Пользователь
Регистрация: 04.01.2011
Сообщений: 51
|
резиновая блочная верстка
как добиться правильного позиционирования блока #sideRight и как залить цветом блок #container для даного кода что приведен в архиве
Последний раз редактировалось cyclobe; 23.01.2011 в 13:21. |
27.01.2011, 21:16 | #2 |
Пользователь
Регистрация: 27.01.2011
Сообщений: 48
|
ну так #container это тот блок что полоска над белым окном - тогда он заливается хорошо), т.е. Background как там и стоит, т.е. я не понял в чём проблема.
и на счёт позиционирования блока #sideRight - проблема в том что если расширять то там появляется просвет? в таком случае и на левом блоке так же), надо нарисовать текстуру башни и прописать для этих дивов height:100%;(соответственно содержащий его див должен быть так же 100% и, если он тоже в чём-то, то и то так же должно быть 100% и т.п.) background-repeat:repeat-y; backgroun:url('адресс текстур башен'); вот только при определённых, а точнее при практически всех вариантах растягивания сайта будет нестыковка этих и нижних) дивов у вас нижняя часть начинает повторяться когда смотришь с "крупного монитора", получается вам надо разделить нижнюю часть на 3 части в правой и левой оставить эту картинку а в середине сделать растягивающуюся текстуру background-repeat:repeat-x; background:url('та текстура'); но так же во многих случаях получится так что границы соединения двух дивов будут как бы не состыковывться. да и верхняя часть тоже повторяется) выход аналогичен. кажется я понял что вы имели ввиду позиционирования правой башни) тогда вам вместь margin-left в css'е надо прописать left:685px;(или около того) но ведь это не меняет ту портящуюся картину в других маштабах скорей, легче всего будет засунуть всё содержимое в див размером, каким вы его проэктировали и расположить по центру - это значит что сайт, в случае "огромного экрана" не будет ни как меняться, он просто будет по центру экрана, а по бокам будет.. ну скажем тот желтоватый фон или природа красивая) или кирпочная кладка, главное что бы она могла повторяться)
Всё написанное мной является лично моим мнением за исключением когда указан источник данных.
Последний раз редактировалось JinglsOrg; 27.01.2011 в 21:46. |
31.01.2011, 00:27 | #3 |
Пользователь
Регистрация: 04.01.2011
Сообщений: 51
|
спасибо за помощь, да header и footer порезать на три части однозначно надо
|
31.01.2011, 13:22 | #4 |
Пользователь
Регистрация: 04.01.2011
Сообщений: 51
|
с порезкой footera на три части никаких проблем нету, но проблема с позиционированием при порезке headera так как его приходится резать на пять частей
1-2-3-4-5 * 1 и 5 часть это картинки расположенные аналогично блокам #sideLeft и #sideRight, 3 часть рисунка остается несменной а части 2 и 4 надо будет повторять по горизонтали через background-repeat:repeat-x; в зависимости от разрешалки монитора подскажите как решить эту проблему... |
31.01.2011, 14:36 | #5 |
Пользователь
Регистрация: 27.01.2011
Сообщений: 48
|
незнаю как блоками но в таблице
Код:
Всё написанное мной является лично моим мнением за исключением когда указан источник данных.
|
31.01.2011, 14:54 | #6 |
Пользователь
Регистрация: 04.01.2011
Сообщений: 51
|
проблема в том что все надо сделать самими блоками
|
31.01.2011, 21:02 | #7 |
Пользователь
Регистрация: 27.01.2011
Сообщений: 48
|
можно узнать почему?
Всё написанное мной является лично моим мнением за исключением когда указан источник данных.
|
31.01.2011, 22:54 | #8 |
Пользователь
Регистрация: 04.01.2011
Сообщений: 51
|
резиновую верстку таблицей намного проще сделать чем блоками, я сделал, но мне сказали а ты сделай блоками, и чтоб никаких таблиц, вообще никаких таблиц, поставив условие или я сделаю или меня уволят с работы, а у меня постоянно всплывают какие то ошибки при позиционировании
|
01.02.2011, 12:01 | #9 |
Пользователь
Регистрация: 27.01.2011
Сообщений: 48
|
Ну если совсем уж надо, тогда:
если взять верхнюю полоску, та что с двух сторон растягивается, сделать её одной, растянуть на 100% а по верх неё наложить столбы и центральную часть центрировать с помощью margin:auto; =) Код:
Всё написанное мной является лично моим мнением за исключением когда указан источник данных.
Последний раз редактировалось JinglsOrg; 01.02.2011 в 14:20. |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Блочная верстка | varvara16 | HTML и CSS | 0 | 18.09.2010 12:52 |
Резиновая шапка сайта | dizmo | HTML и CSS | 21 | 19.08.2009 06:21 |
Резиновая шапка | acmilan | HTML и CSS | 14 | 12.07.2009 00:31 |
Блочная верстка | Demonichka | HTML и CSS | 2 | 12.07.2008 01:31 |