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

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

 
1

3173
Николай @grom
Такая проблема, есть код:
  1. <tr><td colspan="2" width="100%" height="30" style="background:url('АДРЕС РИСУНКА')no-repeat;text-align:center;"></td></tr>

Ширина рисунка 1024, у меня смотрится норм (1024х768), а если делаю разрешение экрана больше, рисунок остается 1024 слева, остальное пространство пустое. Как сделать, чтобы он растягивался под размер разрешения экрана? без повтора

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

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

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

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

0
2020
Don-A @Don-A
Да !

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

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

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

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

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

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

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

0
6600
Александр @admiral
Как вариант, проверял на браузерах Maxthon 1.5.9; Maxthon 2.1.5; Mozilla 3.0.10; Opera 9.62
У кого еще какие есть если не трудно проверьте работу, страницу вместе с картинкой в архиве прикрепил
Сам код страницы:
  1. <head>
  2. <title>Растягивание картинки фона</title>
  3. <style type="text/css">
  4. html, body { height: 100%; margin: 0; padding: 0;}
  5. #bg {position:fixed; top:0; left:0; width:100%; height:100%;z-index:-1;}
  6. #content {color:#FF0000; position:static; z-index:1;}
  7. </style>
  8. <!--[IF IE 6]>
  9. <style type="text/css">
  10. html {overflow-y:hidden;}
  11. body {overflow-y:auto;}
  12. #bg {position:absolute; z-index:-1;}
  13. #content {position:static;}
  14. </style>
  15. <![endif]-->
  16. <!--[IF IE 7]>
  17. <style type="text/css">
  18. html {overflow-y:hidden;}
  19. body {overflow-y:auto;}
  20. #bg {position:absolute; z-index:-1;}
  21. #content {position:static;}
  22. </style>
  23. <![endif]-->
  24. </head>
  25. <body>
  26. <table id="content" border="1" width="100%" cellspacing="0" cellpadding="5" style="color: #FF0000">
  27. <tr>
  28. <td><b>Текст Текст Текст</b></td>
  29. <td><b>Текст Текст Текст</b></td>
  30. <td><b>Текст Текст Текст</b></td>
  31. </tr>
  32. <tr>
  33. <td><b>Текст Текст Текст</b></td>
  34. <td><b>Текст Текст Текст</b></td>
  35. <td><b>Текст Текст Текст</b></td>
  36. </tr>
  37. </table>
  38. <img id="bg"src="bg_fon.jpg">
  39. </body>
  40. </html>

PS в опере при задании цвета тексту, таким же цветом и бордюр у таблицы становится, border задал для наглядности, пока не нашел как иправить, за то картинку фона в Опере можно потаскать мышкой и она на место вернется, в остальных браузерах вроде нормально выводится ) Картинку для фона тоже специально большую взял, если хотите можете и маленькую любую загрузить свою, название картинки фона bg_fon.jpg, прописана не в папке, а там же где и страница test.html лежит. Маленькая картинка на фон просто на больших разрешениях очень сильно может растягиваться )))
**********

0





Согласие на обработку данных на нашем сайте

Продолжая просматривать страницу, вы соглашаетесь с использованием файлов «Cookie» и с Политикой конфиденциальности «Privacy».
Наверху или внизу страницы вы можете изменить валюту и язык по умолчанию. Английская версия сайта ещё находится в доработке и доступна не полностью.