Лента Каталог Файлы Форумы Услуги
ОсновноеRadiotalkПользовательское
Программирование
6   •   Посмотреть все темы

Растягиваниефона

 
1

3173
Николай @grom
Такая проблема, есть код:
<tr><td colspan="2" width="100%" height="30" style="background:url('АДРЕС РИСУНКА')no-repeat;text-align:center;"></td></tr>
Ширина рисунка 1024, у меня смотрится норм (1024х768), а если делаю разрешение экрана больше, рисунок остается 1024 слева, остальное пространство пустое. Как сделать, чтобы он растягивался под размер разрешения экрана? без повтора

1454
-мазахака- @-мазахака-
ссылку чата в студию

2020
Don-A @Don-A
Ну width="100%" height="30" делай больше меньше и смотри

7094
Dim @Render
Никак не сделать растягивание...

3173
Николай @grom
это не чат, - сайт.
короче тогда нужно ставить ограничение в пикселях на ширину?

2020
Don-A @Don-A
Да !

3173
Николай @grom
спс

2020
Don-A @Don-A
Не за что )

4875
ValdeZ @ValdeZ
Растянуть фон, точнее, менять его размер можно будет в CSS3, да и ещё много чего классного можно будет.
Но супермегакрутоклассный ИЕ явно оставит это на год эдак 2015-й

1258
Сергей @seg
ValdeZ пишет:

Растянуть фон, точнее, менять его размер можно будет в CSS3, да и ещё много чего классного можно будет.
Но супермегакрутоклассный ИЕ явно оставит это на год эдак 2015-й

Про ИЕ лучше молчи. ))) Он даже CSS 2 не все читает. Хотя восмерка уже.

4875
ValdeZ @ValdeZ
а ещё где-то когда-то кто-то написал, что интернет под ИЕ сделан, ха 🤣

6600
Александр @admiral
Как вариант, проверял на браузерах Maxthon 1.5.9; Maxthon 2.1.5; Mozilla 3.0.10; Opera 9.62
У кого еще какие есть если не трудно проверьте работу, страницу вместе с картинкой в архиве прикрепил
Сам код страницы:
<head>
<title>Растягивание картинки фона</title>
<style type="text/css">
html, body { height: 100%; margin: 0; padding: 0;}
#bg {position:fixed; top:0; left:0; width:100%; height:100%;z-index:-1;}
#content {color:#FF0000; position:static; z-index:1;}
</style>
<!--[IF IE 6]>
<style type="text/css">
html {overflow-y:hidden;}
body {overflow-y:auto;}
#bg {position:absolute; z-index:-1;}
#content {position:static;}
</style>
<![endif]-->
<!--[IF IE 7]>
<style type="text/css">
html {overflow-y:hidden;}
body {overflow-y:auto;}
#bg {position:absolute; z-index:-1;}
#content {position:static;}
</style>
<![endif]-->
</head>
<body>
<table id="content" border="1" width="100%" cellspacing="0" cellpadding="5" style="color: #FF0000">
<tr>
<td><b>Текст Текст Текст</b></td>
<td><b>Текст Текст Текст</b></td>
<td><b>Текст Текст Текст</b></td>
</tr>
<tr>
<td><b>Текст Текст Текст</b></td>
<td><b>Текст Текст Текст</b></td>
<td><b>Текст Текст Текст</b></td>
</tr>
</table>
<img id="bg"src="bg_fon.jpg">
</body>
</html>
PS в опере при задании цвета тексту, таким же цветом и бордюр у таблицы становится, border задал для наглядности, пока не нашел как иправить, за то картинку фона в Опере можно потаскать мышкой и она на место вернется, в остальных браузерах вроде нормально выводится ) Картинку для фона тоже специально большую взял, если хотите можете и маленькую любую загрузить свою, название картинки фона bg_fon.jpg, прописана не в папке, а там же где и страница test.html лежит. Маленькая картинка на фон просто на больших разрешениях очень сильно может растягиваться )))
**********