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

zdm
Самое главное правило - что сама картинка не растягиваеться. А только лиш повторяеться но нужной оси (х\у) если нужно.

Тут несколько варинтов:
1)Ваш сайт может быть фиксирыванного размера (допустим 1000px в ширину), отцентрованый. Соотвецтвенно вы суете вашу "шапку" в жесткую таблицу нужной ширины. Какое бы небыло разрешение монитора пользывателя, ваша картинка остаеться нужного размера.
2) Ваш сайт может быть "резиновый". Тут уже нужно проявить смекалку. Неизменную часть изображения (картинка, надпись) задать определенного размера и разместить по центру. Справа и слева располагаються пиксельные кусочки изображения (текстура, фон), которые при "размножении" сохраняют общий вид картинки и вид Вашего сайта. Таким образом при большом разрешени монитора, центральная часть у Вас остаеться нужного размера, а пространство справа и слева до границ браузера заполняеться фоном (текстурой, цветом....и .т.д).

Если непонятно - выкладывайте картинку, покажу на примере.:rolleyes:

извиняюсь... не могу догнать.

вот мой кодик, размер рисунка 1600 на 96 изначально... вижу только часть рисунка...

А разрешение у Вас какое? Я почемуто не уверен что 1600 в ширину. Поетому часть рисунка залазит за монитор. В любом случаи должен появиться горизонтальный скрол.
И вообще в плане оптимизации такой размер картинки не уместен. Не все пользыватели пользуються высокими разрешениями. Нужно первым делом отталкиватьяс от этого.

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

Пример шапки из лого, названия и фона.
[PHP]
BODY {
margin: 0; /* убираем отступы */
padding: 0; /* убираем поля */
margin-top: 0px; /* отступ сверху */
}
[/PHP]
[PHP]<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td background="bg.png"><a href="index.php"><img src="logo.png" width="455" height="107" align="left" border="0"/></a><img src="logo2.png" width="466" height="107" align="right"/></td>
</tr>
</table>[/PHP]

Всем огромное спасибо!!!

Webmaster

Добрый день. Помогите, совсем запутался...Я сделал сайт, но никак не могу понять как сделать что бы картинка была на всех мониторах от края до края..Это возможно?..Я ставил её как фон. , но Вы пишете что фон не растягивается...я сделал с самого начала все фоновые картинки под мой монитор 1440х900...Ребята тут советовали мне что нужно написать в css..и сделать картинку 1024х768... я сделал..картинка встала по центру, но залезает вверху под браузер..у меня уже каша в голове...подскажите как сделать..

Замечание модератора: Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней. Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой или обратитесь к любому из модераторов.