Hallo zusammen,
ich habe auf unserer Vereinsseite http://www.sportverein-trittenheim.de/widget ein Widget von fussball.de, genau nach Anleitung, mit Javascript implementiert.
Leider weiß ich nicht wie ich die Position verändern kann, denn bei mir erscheint das Widget im Inhalts-Container (wo es auch hinsoll) aber viiiiiel zu weit unten - horizontal gesehen unterhalb der Navileiste.
Hab's getestet mit Opera & Firefox und bei beiden das gleiche...
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>Widget Test - 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, Kontakte" />
<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" />
</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>
-
© 2010
</div>
</div>
</body>
</html>
Alles anzeigen
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;
}
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;
}
#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: 20px;
padding-right: 10px;
margin-right: 10px;
float:left;
}
#steuerung a:link { color:blue; text-decoration:underline; }
#steuerung a:visited { color:#e3001b; text-decoration:none; }
#steuerung a:focus { color:green; text-decoration:overline; }
#steuerung a:hover { color:red; text-decoration:underline; }
#steuerung a:active { color:orange; text-decoration:underline; }
#fussbereich a {color:black; text-decoration:none;}
#fussbereich {
clear: both;
text-align:center;
background-color:#e3001b;
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;
}
#mannschaft1 {margin-left: 210px;
min-height:100%;
padding: 20px;
background-color:silver}
Alles anzeigen
hat da jemand eine Lösung? Ich bedanke mich schonmal und entschuldige meine Unordnung in der css...