GELÖST Widget-Implementierung will nicht so wie ich will

Dorfbewohner · 14. März 2011

Hallo,

ich habe das Problem, dass zwei Widgets an unterschiedlichen Stellen landen.

Seite 1: ist zwar nicht so ganz wie ich das möchte, kommt dem aber ganz nah... http://sportverein-trittenheim.de/widget1.htm

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">




<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">




<head>
  <title>Ergebnisse 1.Mannschaft - Sportverein Laurentius Trittenheim e.V.</title>
    <link rel="shortcut icon" type="image/x-icon" href="bilder/favicon.ico" />
      <link href="css/design.css" type="text/css" rel="stylesheet" /> 
        <meta http-equiv="content-type"  content="text/html; charset=iso-8859-1" />
        <meta name="content-language" content="de" />
        <meta name="keywords"         content="SV Trittenheim, Sportverein Trittenheim, Trittenheim, 1.Mannschaft" />




        <meta name="description"      content="Kontaktliste des Sportverein Laurentius Trittenheim e.V." />
        <meta name="language"         content="Deutsch" />
        <meta name="revisit"          content="After 30 days" />
        <meta name="robots"           content="INDEX,FOLLOW" />
<script type="text/javascript" src="http://static.fussball.de/fbdeAPI/js/fbdeAPIFunctions.js?schluessel=8B426DD68EF3D5352DB52CF39B94349630073A98"></script>
</head>







<body>




<!--  Umfassender DIV -->




<div id="seitenbereich">




  <div id="kopfbereich">
    <img src="bilder/hintergrund.jpg" width="780" height="150" alt="Sportplatz Trittenheim" />
  </div>




<!--  Steuerung-->




  <div id="steuerung">
<ul id="navi">
      <li><a href="index.htm"      title="Startseite">          Startseite</a></li>




      <li><a href="neues.htm"      title="Neuigkeiten">         Aktuelles</a></li>
      <li><a href="bilder.htm"     title="Fotogalerie">         Fotogalerie</a></li>
      <li><a href="mitglieder.htm" title="zum Mitgliedsantrag"> Mitglied werden</a></li>
      <li><a href="kontakt.htm"    title="Kontaktseite">        Kontakt</a></li>
      <li><a href="impressum.htm"  title="Impressum">           Impressum</a></li>




</ul>




    <br />
    <br />
    <br />
    <img src="bilder/logo1.jpg" width="180" height="180" alt="Vereinslogo" />
    <br />
    <br />
    <br />
    <br />




    <br />
    <br />
    <br />
    <br />
    <br />
    <br />




  </div>




  <div id="mannschaft1">...Ergebnissdienst 1.Mannschaft wird geladen...</div>




    <script type="text/javascript"> 
    var mannschaft1 = new fussballdeAPI();
    mannschaft1.setzeSaison('1011');
    mannschaft1.setzeWettbewerbID('410153');
    mannschaft1.zeigeWettbewerb('mannschaft1'); 
    </script>




  </div>




<!--  Footer  -->




  <div id="fussbereich">
    <a href="http://www.sportverein-trittenheim.de">www.sportverein-trittenheim.de</a>
    &nbsp;&nbsp;  -  &nbsp;&nbsp;  
    &copy; 2010
  </div>




</div>




</body>
</html>

Alles anzeigen

Seite 2: eigentlich genau das Gleiche, aber mit unserer Jugend-Mannschaft, und das Widget http://sportverein-trittenheim.de/jugendd2.htm

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">




<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">




<head>
  <title>Ergebnisse 1.Mannschaft - Sportverein Laurentius Trittenheim e.V.</title>
    <link rel="shortcut icon" type="image/x-icon" href="bilder/favicon.ico" />
      <link href="css/design.css" type="text/css" rel="stylesheet" /> 
        <meta http-equiv="content-type"  content="text/html; charset=iso-8859-1" />
        <meta name="content-language" content="de" />
        <meta name="keywords"         content="SV Trittenheim, Sportverein Trittenheim, Trittenheim, 1.Mannschaft" />




        <meta name="description"      content="Kontaktliste des Sportverein Laurentius Trittenheim e.V." />
        <meta name="language"         content="Deutsch" />
        <meta name="revisit"          content="After 30 days" />
        <meta name="robots"           content="INDEX,FOLLOW" />
<script type="text/javascript" src="http://static.fussball.de/fbdeAPI/js/fbdeAPIFunctions.js?schluessel=8B426DD68EF3D5352DB52CF39B94349630073A98"></script>
</head>







<body>




<!--  Umfassender DIV -->




<div id="seitenbereich">




  <div id="kopfbereich">
    <img src="bilder/hintergrund.jpg" width="780" height="150" alt="Sportplatz Trittenheim" />
  </div>




<!--  Steuerung-->




  <div id="steuerung">
<ul id="navi">
      <li><a href="index.htm"      title="Startseite">&nbsp;          Startseite</a></li>




      <li><a href="neues.htm"      title="Neuigkeiten">&nbsp;         Aktuelles</a></li>
      <li><a href="jugend.htm"     title="Kinder & Jugend">&nbsp;     Kinder & Jugend</a></li>
      <li><a href="fussball.htm"   title="Fussball">&nbsp;            Fussball</a></li>
      <li><a href="bilder.htm"     title="Fotogalerie">&nbsp;         Fotogalerie</a></li>




      <li><a href="mitglieder.htm" title="zum Mitgliedsantrag">&nbsp; Mitglied werden</a></li>
      <li><a href="kontakt.htm"    title="Kontaktseite">&nbsp;        Kontakt</a></li>
      <li><a href="impressum.htm"  title="Impressum">&nbsp;           Impressum</a></li> 
</ul>
    <br />
    <center><img src="bilder/logo1.jpg" width="180" height="180" alt="Vereinslogo" /></center>




    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />




    <br />




  </div>




  <div id="jugendd2">...Ergebnissdienst D2-Jugend wird geladen...</div>
    <script type="text/javascript"> 
    var jugendd2 = new fussballdeAPI();
    jugendd2.setzeSaison('1011');
    jugendd2.setzeWettbewerbID('410275');
    jugendd2.zeigeWettbewerb('jugendd2'); 
    </script>




  </div>




<!--  Footer  -->




  <div id="fussbereich">
    <a href="http://www.sportverein-trittenheim.de">www.sportverein-trittenheim.de</a>
    &nbsp;&nbsp;  -  &nbsp;&nbsp;  
    &copy; 2010
  </div>




</div>




</body>




</html>

Alles anzeigen

und noch der CSS-Code:

Code

* {
        margin:0;
        padding:0;
}




body {
        text-align: center; /* Zentrierung IE */
        font-family: Arial, Verdana, sans-serif;
        font-size: 11pt;
}




html, body {
        height:100%;
}




h1 {
        margin-top: 5px;
        margin-bottom: 20px;
}




p {
        margin-bottom: 15px;
}




.news {
	margin-bottom: 15px;
}




.training {
	margin-bottom: 15px;
}




ul {
        list-style: none; 
}




h2.headline {
        background: url(../bilder/bglinie.jpg);
        height: 20px;
	font-size: 11pt;
	font-weight: bold;
        padding-top: 10px;
        padding-left: 10px;
        margin-left: -10px;
        margin-right: -10px;
        margin-bottom: 5px;
	border-bottom: 1px solid black;
}




h2.sportangebot {
        background: url(../bilder/bglinie.jpg);
        height: 25px;
	font-size: 12pt;
	font-weight: bold;
        padding-top: 10px;
        padding-left: 10px;
        margin-left: -10px;
        margin-right: -10px;
        margin-bottom: 5px;
	border-bottom: 1px solid black;
}




#seitenbereich {
        text-align:left;  /* Inhalt wieder links */
        margin: 0 auto;   /* Zentrierung mitte */
        width: 780px;
        background-color:#EEEEEE;
}




#wrapper {
        min-height:100%;
        width: 780px;
}




#kopfbereich {
        background:url(bilder/hintergrund.jpg) no-repeat left top;
        width: 780px;
        height:150px;
}




#inhalt {
        margin-left: 210px;
        min-height:100%;
        padding: 20px;
        background-color:silver;
}




#navi {
       list-style: none;
} 




#steuerung {
        background-color: #EEEEEE;
        height:100%;
        width:180px;
        padding: 15px;        
        padding-right: 10px;
        margin-right: 10px;
        float:left;




}
#steuerung a:link    { display: block;width: 170px;text-align: left;line-height: 28px;text-decoration: none;color: black;margin: 5px;background-color: #da000a;border: 1px solid #000 }
#steuerung a:visited { display: block;width: 170px;text-align: left;line-height: 28px;text-decoration: none;color: white;margin: 5px;background-color: #da000a;border: 1px solid #000 }
#steuerung a:focus   { display: block;width: 170px;text-align: left;line-height: 28px;text-decoration: none;color: white;font-weight: bold; margin: 5px;background-color: #da000a;border: 1px solid #000 }
#steuerung a:hover   { text-decoration: none;letter-spacing: 1.5pt; font-weight: bold;color: #da000a;background-color: silver;border: 1px solid #fff}
#steuerung a:active  { display: block;width: 170px;text-align: left;line-height: 28px;text-decoration: none;color: white;margin: 5px;background-color: #da000a;border: 1px solid #000 }
#fussbereich a {color:black; text-decoration:none;}




#fussbereich {
        clear: both;
        text-align:center;
        background-color:#da000a;
        border-top:2px solid black;
        width: 780px;
        height: 1.5em;
        margin-top:-1.5em;
        margin: 0 auto;
} 
#los {
width: 100%;
text-align: center;
padding-left: 20px;
padding-bottom: 40px;
}




#ergebnissdienst {background-color:silver;
}
#mannschaft1 {
  position: absolute;
  margin-left: 210px;
  height: 489px;
        padding: 20px;
width: 530px;
        background-color:silver;
}
jugendd2 {
  position: absolute;
  margin-left: 210px;
  height: 489px;
        padding: 20px;
width: 530px;
        background-color:silver;
}

Alles anzeigen

Für jede weitere stylistische "Fehlerkorrektur /-anmerkung" bin ich euch dankbar!!!

*********************************************************************************************************************************************************************************

Schade das keiner helfen konnte ... ich habs dann eben mit der Urzeit-Methode behoben.
Ich hab die Widgets rausgenommen, und einen Link auf die Seite des Anbieters gesetzt.

GELÖST Widget-Implementierung will nicht so wie ich will

Jetzt mitmachen!

Teilen