BG hört bei 100% auf ;(


Seite: 1
Autor Beitrag
adrian2005
17.11.09 - 21:11:34 Uhr

 Hallo Leute,
ich habe folgendes Problem. Ich habe ein Template gemacht, der Background für das template soll durchgängig bis nach unten durch gehen, daher habe ich height auf 100% gestellt und bottom auf 0. Aber wenn man scrollen muss hört der BG auf. was kann ich machen?
Dieses Problem hab ich z.b hier:
http://mysponsoring.de/index.php?page=13
Das Template:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
  2. <html>  
  3. <head>  
  4.   <meta content="text/html; charset=ISO-8859-1"  
  5.  http-equiv="content-type">  
  6.   <title>{TITLE}</title>  
  7.   <style type="text/css">  
  8. <!--  
  9. body, html {  
  10. font-family: Arial, Helvetica, sans-serif;  
  11. font-size: 12px;  
  12. color: #000033;  
  13. height: auto;  
  14. }  
  15. .box {  
  16. font-family: Arial, Helvetica, sans-serif;  
  17. font-size: 12px;  
  18. color: #000033;  
  19. }  
  20. .info {  
  21. font-family: Arial, Helvetica, sans-serif;  
  22. font-size: 9px;  
  23. color: #000033;  
  24. }  
  25. -->  
  26.   </style>  
  27. </head>  
  28. <body>  
  29. <div  
  30.  style="position: absolute; width: 909px; top: 0px; left: 10%; height: 100%; background-image: url(img/bodybg.png);">  
  31. <div  
  32.  style="width: 909px; height: 80px; background-image: url(img/header_r1_c2.png);">  
  33. <div  
  34.  style="padding-left: 20px; padding-right: 20px; text-align: right;">{INFO}</div>  
  35. </div>  
  36. <div style="padding: 19px;">  
  37. <table class="box" border="0" width="871">  
  38.   <tbody>  
  39.     <tr>  
  40.       <td valign="top" width="189">{LINKS}</td>  
  41.       <td valign="top" align="center" width="493">{MITTE}</td>  
  42.       <td valign="top" width="189"><br>  
  43.       <div style="text-align:center;width:191px;"><a href="javascript:void(window.open('http://mysponsoring.de/livezilla/livezilla.php','','width=600,height=600,left=0,top=0,resizable=yes,menubar=no,location=yes,status=yes,scrollbars=yes'))"><img src="http://mysponsoring.de/livezilla/image.php?id=01" width="191" height="69" border="0" alt="LiveZilla Live Help"></a><noscript><div><a href="http://mysponsoring.de/livezilla/livezilla.php" target="_blank">Start Live Help Chat</a></div></noscript></div><div id="livezilla_tracking" style="display:none"></div><script language="JavaScript" type="text/javascript">var script = document.createElement("script");script.type="text/javascript";var src = "http://mysponsoring.de/livezilla/server.php?request=track&output=jcrpt&nse="+Math.random();setTimeout("script.src=src;document.getElementById('livezilla_tracking').appendChild(script)",1);</script>  
  44.       {RECHTS}</td>  
  45.     </tr>  
  46.   </tbody>  
  47. </table>  
  48. </div>  
  49. </div>  
  50. </body>  
  51. </html>  


pls help!!!
Achtzig
17.11.09 - 21:59:00 Uhr

 Also unter Opera hört das Hintergrundbild erst ganz unten (inklusive scrollen) auf und nicht in der Mitte

Spontan fällt mir aber der seltsame head-Bereich auf.
Gunni
18.11.09 - 08:42:47 Uhr

 Probier doch mal, dem div noch folgenden Style hinzuzufügen:

background-attachment: fixed;

oder

background-repeat: repeat-y;
compinfo
18.11.09 - 09:15:07 Uhr

 Hi,

Es liegt daran, dass du beim ersten Div, gleich nach dem Body-Tag, die höhe auf 100% setzt. Mach das weg, und setze für den Div, in der die Tabelle ist, eine Höhe in px. Dann funzts

Gruss,
Compinfo
larethsblog
25.11.09 - 16:59:28 Uhr

 oder du versuchst mal ne div mit clear:both in die background-div ganz unten einzubauen.

Frag mich eh, warum du den bg nicht einfach in den Body Tag setzt...
Seite: 1

- Obige Beiträge stellen keine Äußerung oder Meinung von Pytal oder dessen Betreiber dar -