✔ background-repeat lässt den Hintergrund nicht repeaten :(!

Status
Nicht offen für weitere Antworten.
L

lotti

Grünschnabel
Hallo allerseites :),

habe ein kleines Problem auf meiner Seite:
http://hv-artists.net

Unten rechts sollte normalerweise eine Hintergrundgrafik angezeigt werden, die die Linie durchgehend bis unten wandern lässt - irgendwie wird die jedoch nicht angezeigt; hab schon einiges probiert und hier gesucht, jedoch noch keine passnede Lösung gefunden.

Hier erstmal der Code:
HTML: 
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="de">
<head>
  <title>...::hv_cms::... - a hv-artists|net project {title}</title>
  <meta name="keywords" content="CMS,hv-artists|net,Content Management System,Content-Management-System,Webdesign,PHP,MySQL,Webentwicklung,EDV,Hendrik Voss" />
  <meta name="description" content="Das Projekt hv-artists|net arbeitet nun schon seit einigen Jahren an dem Hauptprodukt hv_cms. Ziel ist es dabei ein qualitativ hochwertiges Content Management System mit hoher Benutzerfreundlichkeit und vorallem großer Usability zu schaffen." />
  <meta name="Language" content="de" />
  <meta name="author" content="Hendrik Voss" />
  <meta name="robots" content="index" />
  <meta name="revisit-after" content="10 days" />
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  <meta http-equiv="Content-Style-Type" content="text/css" />
  <link rel="stylesheet" type="text/css" href="./inc/style.css" />
  <link rel="shortcut icon" href="favicon.ico" />
</head>

<body>

<!--Beginn des HTML-Codes-->
<table cellpadding='0' cellspacing='0' style="width: 100%; height: 100%">
  <tr>
    <td style="width: 316px; height: 768px; vertical-align: top;"><a href="?showsite=1"><img src='./img/site_left.jpg' alt='hv-artists.net' border='0' /></a></td>
    <td rowspan="2" valign="top" style="width: 100%; height: 100%;">
    
    <!--Anfang: Rechter-Bereich-->
    <table cellpadding='0' cellspacing='0' style="width: 100%; height: 100%; vertical-align: top;">
      <tr>
        <td style="background-image: url('./img/site_top_dummy.jpg'); width: 100%; height: 50px; vertical-align: top;">
        
        <!--Beginn der Navigation-->
        <table cellpadding='0' cellspacing='0'>
          <tr>
            <td><div id="button1"><a href="?showsite=4"></a></div></td>
                <td><div id="button2"><a href="?showsite=5"></a></div></td>
        <td><div id="button3"><a href="?showsite=6"></a></div></td>
        <td><div id="button4"><a href="?showsite=7"></a></div></td>
              </tr>
        </table>
            <!--Ende der Navigation-->

        </td>
        <td><img src='./img/site_top_dummy_right.jpg' alt="" border='0' /></td>
      </tr>
      <tr>
        <td style="width: 100%; height: 100%; vertical-align: top; text-align: left" colspan="5">
        
          <!--Anfang: Content-Bereich-->
          <table cellpadding='0' cellspacing='0' style="width: 95% vertical-align: top;">
        <tr>
          <td style="width: 50px;"></td>
          <td style="width: 620px; vertical-align: top;"><br /><br /><br />{content}<br /><br /><br />
          
          <!--Anfang Footer des Content-Bereichs-->
          <table cellpadding='0' cellspacing='0' style="width: 100%;">
            <tr>
              <td>{author}</td>
              <td style="text-align: right;">{print}</td>
            </tr>
          </table>
          <!--Ende Footer des Content-Bereichs-->

          <br /><br />
          </td>
          <td style="width: 50px;"></td>
          <td style="vertical-align: top; text-align: left;"><br /><br /><br /><br /><? include("./inc/vote.inc.php"); ?></td>
            </tr>
          </table>
          <!--Ende: Content-Bereich-->
        
        </td>
      </tr>
    </table>
    <!--Ende: Rechter-Bereich-->

    </td>
  </tr>




  <tr>
    <td style="margin: 0 auto; background-image: url('./img/site_left_dummy.jpg') repeat-y left top; background-repeat: ; min-height:100%; height: 100%; height: auto !important; margin-right: 0 !important; margin-right: -3px;"></td>
  </tr>





  <tr>
    <td style="background-image: url('./img/site_left_bottom.jpg'); width: 316px; height: 32px;"><div align="center"><a href="http://validator.w3.org/check?uri=referer" target="_blank"><img
        src="http://www.w3.org/Icons/valid-xhtml10" border="0" alt="Valid XHTML 1.0 Transitional" height="31" width="88" /></a><a href="http://jigsaw.w3.org/css-validator/check/referer" target="_blank">
        <img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="Valid CSS!" /></a></div></td>
    <td style="vertical-align: top; width: 100%; height: 32px;">
    
    <!--Anfang: Footer-->
    <table cellpadding="0" cellspacing="0" style="width: 100%;">
      <tr>
        <td style="background-image: url('./img/site_bottom_dummy.jpg'); width: 100%; height: 1px;"></td>
        <td style="width: 50px; height: 1px;"><img src='./img/site_bottom_dummy_right.jpg' alt="" border='0' /></td>
      </tr>
      <tr>
        <td style="width: 100%; height: 31px; vertical-align: middle;"> {copyright}</td><td><a href="./admin/" target="_blank">Admin</a></td>
      </tr>
    </table>
    <!--Ende: Footer-->

    </td>
  </tr>
</table>

</body>
</html>

Der wesentliche Teil, auf den es ankommt, wird "isoliert" dargestellt ;)!

Gruß erstmal,
Hendrik
 
Du hast ein paar mal einfache ( ' ) statt doppelten ( " ) Anführungszeichen verwendet, und zwar bei der Pfadangabe für eine Grafik.
Ich hab mich jetzt in den Quellcode nicht reingelesen, aber das ist mir so beim überfliegen aufgefallen... vllt. löst es das Problem!?
 
Bei url(Pfad) kommt meines Wissens weder ein einfaches noch ein doppeltes Hochkomma. Das würde ich ebenfalls ausprobieren.

Und eine andere Sache ebenfalls:

Code: 
<style type="text/css">
<!--
html, body {
height: 100%;
}
-->
</style>

Und versuch es mal hiermit:

Code: 
background-repeat:repeat

Ehrlich gesagt sehe ich den Fehler nicht, aber testen solltest du es auf jeden Fall ;)

Gruß,

Isac
 
Ich kann mich Isac nur anschließen und dir dringend empfehlen denn HTML- und CSS-Code voneinander zu trennen. Der ist so nämlich mehr als nur unleserlich und kompliziert. Ich hab mich deinem Problem mal angenommen und wahrscheinlich auch dessen Lösung gefunden :) Eins vorneweg: pack mal http://de.selfhtml.org in deine Daylies und guck da jeden Tag ne Stunde rein!

CSS: 
td.td_class
{
    margin: 0 auto; 
    background-image: url('./img/site_left_dummy.jpg') repeat-y left top; 
    background-repeat: ; 
    min-height:100%; 
    height: 100%; 
    height: auto !important; 
    margin-right: 0 !important; 
    margin-right: -3px;
}
HTML: 
  <tr>
    <td class"td_class"></td>
  </tr>
Etwas Ordnung is Chaos gebracht... Vielleicht fallen dir die Fehler ja jetzt schon selber ins Auge :) Im folgenden der von mir geänderte Code
CSS: 
td.td_class
{
    background-image: url( ../img/site_left_dummy.jpg );
    background-repeat: repeat-y;
    background-position: 0 0; 
    /* Kurzschreibweise obigen Einstellungen entsprechend:
    background: url( ../img/site_left_dummy.jpg ) repeat-y 0 0;
    */
}
HTML: 
  <tr>
    <td class"td_class">&nsbp;</td>
  </tr>
Die height-Angaben sind in deinem Fall unnötig, da sich die Höhe dieser Zeile aus der "Schwester-Spalte" ergibt, die die größte Höhe hat. Einer Tabellenzeile ein Margin zuzuweisen ist meines Wissens nach auch nicht möglich.
 
Zuletzt bearbeitet:
muhkuh hat gesagt.:
Ich kann mich Isac nur anschließen und dir dringend empfehlen denn HTML- und CSS-Code voneinander zu trennen. Der ist so nämlich mehr als nur unleserlich und kompliziert. Ich hab mich deinem Problem mal angenommen und wahrscheinlich auch dessen Lösung gefunden :) Eins vorneweg: pack mal http://de.selfhtml.org in deine Daylies und guck da jeden Tag ne Stunde rein!

css Code:
  1. td.td_class
  2. {
  3. margin: 0 auto;
  4. background-image: url('./img/site_left_dummy.jpg') repeat-y left top;
  5. background-repeat: ;
  6. min-height:100%;
  7. height: 100%;
  8. height: auto !important;
  9. margin-right: 0 !important;
  10. margin-right: -3px;
  11. }

HTML: 
  <tr>
    <td class"td_class"></td>
  </tr>
Etwas Ordnung is Chaos gebracht... Vielleicht fallen dir die Fehler ja jetzt schon selber ins Auge :) Im folgenden der von mir geänderte Code
css Code:
  1. td.td_class
  2. {
  3. background-image: url( ../img/site_left_dummy.jpg );
  4. background-repeat: repeat-y;
  5. background-position: 0 0;
  6. /* Kurzschreibweise obigen Einstellungen entsprechend:
  7. background: url( ../img/site_left_dummy.jpg ) repeat-y 0 0;
  8. */
  9. }

HTML: 
  <tr>
    <td class"td_class">&nsbp;</td>
  </tr>
Die height-Angaben sind in deinem Fall unnötig, da sich die Höhe dieser Zeile aus der "Schwester-Spalte" ergibt, die die größte Höhe hat. Einer Tabellenzeile ein Margin zuzuweisen ist meines Wissens nach auch nicht möglich.
Zum Vergrößern anklicken....

Erstmal vielen Dank :)! Klappt so super - nur mit dem Unterschied, dass es natürlich &nbsp; heißen muss, wenn ich es mir anmaßen darf, hier etwas klugzuschei*en...

Werde jetzt HTML und CSS mal besser trennen - da hast du sehr wohl Recht! Aber so ist das eben, wenn man sich plötzlich dafür interessiert auch validen und nicht nur halbwegs funktionierenden Code zu erzeugen versucht.

Gruß aus dem sonnigen Heiligenhafen,
Hendrik
 
Na, mit Klugen hat das nix zu tun xD Mein Fehler, ist natürlich vollkommen richtig, dass du das korrigierst ;)
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück