| Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате |
| Форум программистов > Вёрстка веб-сайтов > Помогите пожалуйста с версткой |
| Автор: Jull 26.10.2006, 09:44 |
 помогите, пожалуйста  а то у меня уже мыслей нет... нужно сверстать такой сайт - центральная часть - фиксированной ширины, 1004 пикселя. По бокам - тени, фон заполнен штриховкой. Все как на картинке... надо сделать, чтобы все было ровненько, и без прокрутки на 1024 разрешение.... Раньше в таких случаях я делала трехколоночную таблицу - для левого фона, центра, правого фона... а сейчас не получится наверное - слишком широкая центральная часть... Дайте хотя бы идею...  |
| Автор: Illuminaty 26.10.2006, 09:58 |
| Jull, http://forum.vingrad.ru/index.php?showtopic=117908 тебе не поможет? |
| Автор: Jull 26.10.2006, 10:31 |
Illuminaty, я туповата, так что нет  я ее раньше читала...тут весь прикол в том, что центральная фиксированная, а левые и правые колонки тянутся от 0 до предела... а если float:left назначить левой, то она не будет тянуться... вроде... аналогично с правой. |
| Автор: Illuminaty 26.10.2006, 11:05 |
| Тень градиентная или нет? Разобрать не могу.. |
| Автор: Jull 26.10.2006, 11:12 |
| Illuminaty, ага, градиент, штриховка под ней просвечивает |
| Автор: Illuminaty 26.10.2006, 14:04 |
Jull, если это тебе поможет, я знаю как сверстать не в IE  Но боюсь, что не поможет.... |
| Автор: Jull 26.10.2006, 14:15 |
| Illuminaty, а вдруг? я туповата конечно, но бывают и просветления... |
| Автор: Illuminaty 26.10.2006, 14:22 |
| Jull, не в том смысле Я не знаю пока как сверстать для IE. Тебе же нужно чтобы и в нем сайт работал, наверное? |
| Автор: SelenIT 26.10.2006, 14:50 |
| Jull, все-таки не совсем понятно, чем ширина центр. ячейки мешает решить дело таблицей? |
| Автор: Illuminaty 26.10.2006, 14:58 |
| Jull, допустимо чтобы тень оставалась при сжатии? Хотя бы с правого края? |
| Автор: Jull 26.10.2006, 15:10 |
| Illuminaty, надо конечно тень там элемент декора, на центральную часть не может заезжать... SelenIT, потому что левый и правый столбец будут тоже иметь минимальную ширину (особенно в IE). А прокрутку нельзя. |
| Автор: Illuminaty 26.10.2006, 15:17 |
| Jull, ты меня неправильно поняла. Наезжать тень не будет.. Но она должна остаться при сжатии страницы? |
| Автор: SelenIT 26.10.2006, 15:30 | ||
Вовсе не обязательно. |
| Автор: Jull 26.10.2006, 15:35 |
| Illuminaty, хм... думаю нет... тогда появится ведь прокрутка при 1024... SelenIT, я туповата, у меня не получается так сделать, чтобы минимальную ширину исключить ;) уж помогите, если можете |
| Автор: Illuminaty 26.10.2006, 15:41 |
| Jull, что-то я не понял.. При 1024 никакой прокрутки не будет... Я спрашиваю про то, что когда она появится (при меньшей величине окна), тень останется или нет? |
| Автор: SelenIT 26.10.2006, 15:50 |
| Jull, overflow:hidden на "боковушки" разве не поможет? |
| Автор: Jull 26.10.2006, 16:03 |
| Illuminaty, как же не будет, если центральная область 1004 пикселя? это максимум, при большей ширине - уже прокрутка. убираем тень. SelenIT, это вопрос? может и поможет. надо попробовать. |
| Автор: Illuminaty 26.10.2006, 16:20 |
| Jull, давай еще раз. Нужно сделать область посреди экрана шириной 1004px. По краям области градиентная тень. Под тенью и далее по краям фон. При размере экрана 1024px не должно быть прокрутки (я так понимаю горизонтальной). У меня один вопрос. Как должна выглядеть страница при ширине экрана, скажем, 800px, учитывая, что видна левая верхняя точка страницы (для верхней правой, я думаю, аналогично)? Картинки приветствуются |
| Автор: Nuxx 3.11.2006, 19:46 | ||
| А не проще ли сделать так: взять тот самый фон градиентный + штриховку, создать из всего этого фоновое изображение, которое множилось бы по вертикали. Размер взять с таким расчетом, чтобы при максимальном разрешении оно полностью заполняло экран по ширине. Сам фон привяжем к body. У вас наверно возникнет вопрос, а как будет центрироваться фоновое изображение шириной, скажем в 2500px? Поможет нам в этом css:
=Запостил случайно  = |
| Автор: Nuxx 3.11.2006, 20:07 | ||
| А не проще ли сделать так: взять тот самый фон градиентный + штриховку, создать из всего этого фоновое изображение, которое множилось бы по вертикали. Размер взять с таким расчетом, чтобы при максимальном разрешении оно полностью заполняло экран по ширине. Сам фон привяжем к body. У вас наверно возникнет вопрос, а как будет центрироваться фоновое изображение шириной, скажем в 2500px? Поможет нам в этом css:
Затем можете размещать "посередине" либо вами любимую таблицу, шириной 1004px, либо див (div) такой же ширины, который будет вмещать в себя все остальное. Я бы выбрал второй вариант. Приведу полный код html +css для второго способа: [code=html] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <style type="text/css" media="screen"> /*<