• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Background hört plötzlich auf

adrian2005

Neues Mitglied
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:
MySponsoring ~ Wir sponsorn dich!
Das Template:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title>{TITLE}</title>
  <style type="text/css">
<!--
body, html {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000033;
height: auto;
}
.box {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000033;
}
.info {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000033;
}
-->
  </style>
</head>
<body>
<div
 style="position: absolute; width: 909px; top: 0px; left: 10%; height: 100%; background-image: url(img/bodybg.png);">
<div
 style="width: 909px; height: 80px; background-image: url(img/header_r1_c2.png);">
<div
 style="padding-left: 20px; padding-right: 20px; text-align: right;">{INFO}</div>
</div>
<div style="padding: 19px;">
<table class="box" border="0" width="871">
  <tbody>
    <tr>
      <td valign="top" width="189">{LINKS}</td>
      <td valign="top" align="center" width="493">{MITTE}</td>
      <td valign="top" width="189"><br>
      <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>
      {RECHTS}</td>
    </tr>
  </tbody>
</table>
</div>
</div>
</body>
</html>

pls help!!!:(
 
Werbung:
liegt daran, dass das bild zu ende ist.
btw, was willst du mit der tabelle, wenn keine tabellarischen daten vorhanden sind?

Nils aka XraYSoLo
 
@XraYSoLo: das Bild ist nicht zu ende, es ist eine 2px hohe endlos-grafik.

@adrian2005: ich glaub das Problem hängt mit deinem Table-Layout zusammen. Das solltest du schnell ändern..

Wenn man mit Firebug schaut, endet der "haupt"-div immer in der höhe des aktuellen Windows, daher würde ich das hight:100% erstmal rausnehmen...
Des weiteren scheinst du irgend ein verschachtelungs-problem zu haben... wenn ich in dem "haupt"-div eintrage "overflow: auto;" wird der hintergrund bis unten dargestellt, jedoch erscheinen rechts und unten scroll-leisten ;)

der html-validator zeigt jedoch erstmal keine groben fehler an. das ist schonmal gut!

einfach mal noch etwas mit dem table-layout rumexperimentieren (weglassen :D)
 
Werbung:
Zurück
Oben