Сдвиг изображения background

Форум:	Форум PHP	Форум Apache	Форум Регулярные Выражения	Форум MySQL	HTML+CSS+JavaScript	Форум Flash	Разное
Новые темы:	0	0	0	0	0	0	0

Здравствуйте, Посетитель!

вид форума:

тема: Сдвиг изображения background

следующая тема

предыдущая тема

	автор: toproot (29.08.2010 в 16:58) письмо автору 240.3 Кб
	я обнаружил, что если <table border="0" width="900px" cellpading="5" cellspacing="5" height="100%" align="center" background="background.jpg"> работает без проблем, то <table border="0" width="900px" cellpading="5" cellspacing="5" height="100%" align="center" background="background.jpg" style="background-attachment: fixed"> если добавить style="background-attachment: fixed" - изображение фиксируется, но почемуто здвигается вправо. изображение начинается с центра а потом с начала. скриншот почему оно здвигается вправо ? во всех браузерах! (opera/chrome...)
	Ответить

	автор: Агамемнон (29.08.2010 в 18:20) письмо автору
	для: toproot (29.08.2010 в 16:58)
	В коде ошибки нет,но,судя по скрину,фоновое изображение ведет себя так,будто применяется к телу документа - тегу <body> - и повторяется по горизонтали.Скорее всего,причина кроется где-то в допущенной ошибке кода шаблона CMS.
	Ответить

автор: toproot (29.08.2010 в 22:11) письмо автору

для: Агамемнон (29.08.2010 в 18:20)

нет ну изображение в ширину достаточно - 900пиксел.
если мы фон таблицы не фиксируем - все нормально.
а если фиксируем background-attachment: fixed
тогда здвигается.
выравнивается при помощи background-position: 182px 0px
но это не выход.
как решить проблему ?

<html> <head> <title> Administration Framework </title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head> <body> <table border="0" width="900px" cellpading="5" cellspacing="5" height="100%" align="center" background="_images/background.jpg" style="background-attachment: fixed; background-position: 190px 0px;"> <tr height="220px"><td> <table border="0" width="100%" height="100%"> <tr height="25px"><td><table border="0" width="100%" height="100%"><tr><td> </td><td width="200px" background="_images/subimg.png" align="center"><font size="3" color="gold"><code><strong>FocusCMS v.1.0.2 beta 1 </strong></code></font></td></tr></table></td></tr> <tr><td align="center"> <h1>Administration Framework</h1> </td></tr> <tr height="25px"><td> <table border="0" width="100%" height="100%"><tr><td> </td><td width="250px" background="_images/subimg.png" align="center"><font size="3" color="black"><code><strong> 91.194.80.91 | <a href="?.logout">.logout</a> </strong></code></font></td></tr></table> </td></tr> </table> </td></tr> <tr><td> <table border="0" width="100%" height="100%" cellpading="5" cellspacing="5"> <tr><td width="280px" background="_images/subimg.png" valign="top"> <table border="0" width="100%" height="100%"> <tr><td valign="top" onmousemove="this.style.background='url(_images/subimg.png)'" onmouseout="this.style.background=''"> <table border="0" width="100%"> <tr height="35px"><td align="center" onmousemove="this.style.background='url(_images/subimg.png)'" onmouseout="this.style.background=''"><font size="4"><code><strong><a href="?.home"> Главная ФОКУС </a></strong></code></font></td></tr> <tr height="35px"><td align="center" onmousemove="this.style.background='url(_images/subimg.png)'" onmouseout="this.style.background=''"><font size="4"><code><strong><a href="?.home"> Панель Управления </a></strong></code></font></td></tr> <tr height="35px"><td align="center" onmousemove="this.style.background='url(_images/subimg.png)'" onmouseout="this.style.background=''"><font size="4"><code><strong><a href="?.pager"> Менеджер Страниц </a></strong></code></font></td></tr> <tr height="35px"><td align="center" onmousemove="this.style.background='url(_images/subimg.png)'" onmouseout="this.style.background=''"><font size="4"><code><strong><a href="?.menu_var"> Менеджер Меню </a></strong></code></font></td></tr> <tr height="35px"><td align="center" onmousemove="this.style.background='url(_images/subimg.png)'" onmouseout="this.style.background=''"><font size="4"><code><strong><a href="?.files"> Менеджер Файлов </a></strong></code></font></td></tr> <tr height="35px"><td align="center" onmousemove="this.style.background='url(_images/subimg.png)'" onmouseout="this.style.background=''"><font size="4"><code><strong><a href="?.users"> Менеджер Пользователей </a></strong></code></font></td></tr> <tr height="35px"><td align="center" onmousemove="this.style.background='url(_images/subimg.png)'" onmouseout="this.style.background=''"><font size="4"><code><strong><a href="?.modules"> Установленные Модули </a></strong></code></font></td></tr> <tr height="35px"><td align="center" onmousemove="this.style.background='url(_images/subimg.png)'" onmouseout="this.style.background=''"><font size="4"><code><strong><a href="?.stat"> Система Статистики </a></strong></code></font></td></tr> <tr height="35px"><td align="center" onmousemove="this.style.background='url(_images/subimg.png)'" onmouseout="this.style.background=''"><font size="4"><code><strong><a href="?.MasterDesign"> MasterDesign </a></strong></code></font></td></tr> <tr height="35px"><td align="center" onmousemove="this.style.background='url(_images/subimg.png)'" onmouseout="this.style.background=''"><font size="4"><code><strong><a href="?.gotows"> Перейти на Сайт </a></strong></code></font></td></tr> </table> </td></tr> <tr height="100px"><td valign="top" onmousemove="this.style.background='url(_images/subimg.png)'" onmouseout="this.style.background=''"> <code> Copyright ©2010 <a href="http://www.focuscms.com/">www.focuscms.com</a> </code> </td></tr> </table> </td><td background="_images/subimg.png" valign="top"> <table width="100%" height="100%"> <tr><td onmousemove="this.style.background='url(_images/subimg.png)'" onmouseout="this.style.background=''" valign="top"> <center><h2> Панель управления </h2></center><br /> <table border="0" width="100%" cellpading="5" cellspacing="2"> <tr><td width="160px" valign="top" bgcolor="white" onmousemove="this.style.background='#D5DCFF'" onmouseout="this.style.background='white'"><code><a href="index.php?service=.cp&cp_id=1"> Главная Страница </a></code></td><td bgcolor="white" onmousemove="this.style.background='#D5DCFF'" onmouseout="this.style.background='white'"><code> Настраиваем главную страницу. Head, iHTML, Refresh </code></td></tr> </table> </td></tr> </table> </td></tr> </table> </td></tr> </table> </body> </html>

Ответить

	автор: Агамемнон (30.08.2010 в 18:50) письмо автору
	для: toproot (29.08.2010 в 16:58)
	А черт его знает,как решить.Синтаксис как будто без ошибок,а вот пунктуация хромает:style="background-attachment: fixed; ... , - выбросите пробел перед fixed.Должно быть background-attachment:fixed.Браузеры чертовски капризны к подобным мелочам,может,из-за этого и мучаетесь.
	Ответить

вверх

HTML+CSS+JavaScript