Jump to content
  • 0

Проблема с фоном body


Beck
 Share

Question

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

Проблема следующая:

Есть сайт, главная таблица сайта занимает 800px по ширине.

Надо справа и слева поставить изображения так, чтобы они примыкали к главной таблице.

Примыкали даже в том случае, если с зажатым ctrl отдалять роликом сайт, то есть на widescreen мониторах не было видно разрывов между главной таблицей и изображениями по бокам.

Есть идея, но как ее реализовать я не знаю. Пробовал и контейнер div и td по бокам, и div relative, и слоями index, как только не пробовал.

То есть задать фиксированный размер, чтобы вся оставшаяся картинка обрезалась(уходила за экран), если не влазит целиком из-за разрешения клиента.

Заранее спасибо!

Link to comment
Share on other sites

4 answers to this question

Recommended Posts

  • 0

Мне кажется, что если и правда все перепробовали, то косяк в браузере. Вообще когда вы "увеличиваете" сайт при помощи ктрл+скролл, то на самом деле получаете псевдоувеличенное изображение сайта, которое может "расползаться". Вообще покажите сайт. На код интересно взглянуть.

Link to comment
Share on other sites

  • 0

Ну нет ничего сложного. Пусть это и не совсем верно, однако проблему решает, проверенно.

<table cellspacing="0" cellpadding="0" align="center">
<tr>
<td class="globalleft">
Левая часть
</td>
<td class="globalcenter">
Центральная часть
</td>
<td class="globalright">
Правая часть
</td>
</tr>
</table>

.globalleft {
background:transparent url(globalleft.jpg) no-repeat scroll right top;
width:50%;
}

.globalright {
background:transparent url(globalright.jpg) no-repeat scroll left top;
width:50%;
}
.globalcenter {
width:800px;
}

Только вынесите стили атрибуты таблицы, т.е. ( cellspacing="0" cellpadding="0" align="center" ), мне сейчас лень :)

Link to comment
Share on other sites

  • 0

Спасибо огромное! :blink:

Моя ошибка была именно в том, что я не поставил на правый и левый td ограничение по ширине. То есть, теперь оставшееся пространство делится пополам, как вы и написали.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy