Помогите, пожалуйста! Можно ли сделать верстку следующим образом? Шапка состоит из рисунка. Его надо разделить на 3 части по вертикали(как бы три строки). А 2 часть в свою очередь нужно разделить на 3 части по горизонтали(на три столбца). Все это должно быть по всей странице(без полей). Как все это реализовать, чтобы работало на всех разрешениях??? А то у меня сложилось впечатление, что это не возможно! Я все перепробывал(по-моему), при моем разрешении нормально, на других то нормально, то полоса из пикселей вылезает, т.к. не правильно делится часть изображения. Вот, собственно код:
 

первый вопрос: зачем это?

зачем делите один рисунок на несколько частей? имхо: это зло

объясните чего хотите добиться

Я хочу, JavaScriptom анимационное меню сделать на рисунке head_2_2.jpg в середине... И вообще хочу знать можно ли так делать или нет.

мало понял,

но суть обычно такая: всё делается блочной вёрсткой слоями
допустим надо сделать меню на фоне рисунка
меню может представлять из себя таблицу или список, в котором будут происходить какие-то события


свой рисунок вы можете смело загнать в качестве фона в #down { background: url(pict1.jpg); }
или положить обычным способом <img src="" /> если нужно
это совершенно не затронет блок #up, он как был поверху, так и останется

все объяснения http://htmlbook.ru/

На рисунке - то что я хочу! А Вы действительно меня не правильно поняли... Div'ами тут не обойдешься, т.к. в разных браузерах они позиционируются по-разному(погрешность 1-4px). Т.е. мне надо чтобы JavaScriptom загорались пункты меню!

Это сообщение отредактировал(а) fen0men - 20.2.2008, 17:29

Присоединённый файл ( Кол-во скачиваний: 9 )
 sitezakaz_prnscr.jpg 109,48 Kb

различная позиционируемость в разных браузерах исключительно от неумения

во-первых, обнулите настройки по умолчанию:
* { margin: 0px; padding: 0px; border: 0px; }
затем выставляйте всё что нужно

если всё же в силу конструкции вам потребуется что-то сдвинуть в отдельном браузере, то есть фичи для этого
к примеру:
* html {} - понимает только ИЕ

и в конце концов, кто мешает вам в верхнем слое положить вашу таблицу так как вам хочется, рисунок в этом случае резать не придётся

я серьёзно говорю, вначале своей деятельности тоже страдал излишней нарезкой, но когда научился, то стало ясно, что ни один рисунок резать не надо (за исключением создания гибких рамок)

На счет обнуления стандартных отступов различных элементов интернет-странички, которые к тому же в разных броузерах разные полностью соглавен с bars80080. Но подобное обнуление: * { margin: 0px; padding: 0px; border: 0px; } слишком глобальное, к примеру при таких заданных параметрах кнопку формы Вообще не будет видно, у нее не будет границы и ее не отличишь от обычного текста.
Есть так называемый универсальный обнулятель Эрика Мейера http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
 

Это сообщение отредактировал(а) ilyaILF - 20.2.2008, 19:06

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

ilyaILF, с бордером возможно перестарался, но обычно в этом случае кнопку рисуешь под себя. никто не мешает задать input.button как угодно (если не нужен специфический дефолтный для каждого браузера рисунок)


fen0men, правьте в процентах, задача абсолютно не меняется
флаг вам в руки

Неа, невозможно. Я все-таки пришел к такому выводу, что нельзя наложить маленькую картинку div'ом на другой рисунок, чтобы точно совпадало!

А вы попробуйте абстрагироваться от контента, и сделайте все background-ами, расставлять здесь везде <img /> не имеет смысла, это только все усложняет.
И остается несколько непонятной ваша фраза "разделить на 3 части по горизонтали(на три столбца). "

А рисунок качните, если не трудно, там наглядно все. Тогда с background'ом вопрос: как рисунок внутри уменьшить? 

PSD пожалуйста в студию. Можно сделать и на таблицах и на дивах. И комментарии - у вас будет при увеличении разрешения деформироваться-растягиваться дизайн, обычно так не делается, но можно.
background конечно же никак не увеличивается и никак не уменьшается, background отображает картинку как таковую.

Это сообщение отредактировал(а) ilyaILF - 21.2.2008, 12:38

растягивающаяся фоновая картинка?

но это же совершенно некрасиво (имхо моё мнение)
возможно гораздо лучше сделать фиксированную картинку фоном, а задний фон залить тем же цветом что и края этой картинки
смотреться лучше будет

имхо

Вы не о том говорите совершенно! Какой background, если мне надо чтобы картинка на всю ширину была!