nicht angemeldet
Webseite ruckelt nach links auf einigen Seiten in Firefox
Hallo liebe Leute!
habe ein Problem mit einer Website, die im Internet Explorer 7 nicht ruckelt und in Firefox leicht nach links ruckelt. Und zwar bei den Seiten, in denen eine Tabelle eingefügt ist. Das Problem taucht nur bei großen Bildschirmen auf, wenn noch viel Hintergrund zu sehen ist.
Hier der Link:
http://www.meridian-sports.de/develop/home.html
Was mache ich verkehrt? Habe schon probiert die anderen Seiten auch in eine Tabelle einzufügen. Gab keine Verbesserung.
Hoffe, jemand kann mir Helfen!
Im voraus schon mal vielen Dank!
Eure Mariacati
``
<!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"/>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<META NAME="keywords" content="zypern, larnaca, energie cottbus, sk rapid wien, alemannia aachen, 1. fc kaiserslautern, anorthosis famagusta, fc st. pauli hamburg, sport, kultur, kulturreisen, event, eventreisen, fussballweltmeisterschaft, fussball, wm, eintrittskarten, fanbus, fanreisen, fanshop" />
<META NAME="description" content="Willkommen bei Meridian-Sports, ihr Reisebüro für Fanreisen! Bitte kontaktieren Sie uns! Wir freuen uns auf Ihre Mail oder Ihren Anruf." />
<META NAME="Content-Language" content="de" />
<META NAME="ROBOTS" CONTENT="INDEX, FOLLOW" />
<META NAME="revisit-after" CONTENT="7" />
<link rel="" href="" />
<title>::: Willkommen bei Meridian-Sports :::</title>
<style type="text/css">
body {
font-family : Arial;
font-size : 12px;
text-align : center;
background-image : url(bilder/bg.jpg);
background-repeat : repeat-x;
margin : 0;
padding : 0;
}
* html .mybuggyelement {
height : 1%;
}
a {
color : #666666;
text-decoration : none;
}
a:visited {
color : #666666;
}
a:hover {
color : #999999;
}
a:active {
color : #000000;
}
#tabsC {
float : left;
width : 100%;
background : #edf7e7;
font-size : 93%;
line-height : normal;
}
#tabsC ul {
margin : 0;
padding : 10px 10px 0 50px;
list-style : none;
}
#tabsC li {
display : inline;
margin : 0;
padding : 0;
}
#tabsC a {
float : left;
background : url("bilder/tableftC.gif") no-repeat left top;
margin : 0;
padding : 0 0 0 4px;
text-decoration : none;
}
#tabsC a span {
float : left;
display : block;
background : url("bilder/tabrightC.gif") no-repeat right top;
padding : 5px 15px 4px 6px;
color : #464e42;
}
#tabsC a span {
float : none;
}
#tabsC a:hover span {
color : #fff;
}
#tabsC a:hover {
background-position : 0% -42px;
}
#tabsC a:hover span {
background-position : 100% -42px;
}
h1 {
font-size : 18px;
color : #000000;
margin : 0;
}
h2 {
font-size : 14px;
color : #000000;
}
h3 {
font-size : 14px;
color : #000000;
}
p {
margin-top : 0;
line-height : 22px;
}
#menu {
color : #ffffff;
background-color : #000099;
text-align : center;
padding : 10px 0;
}
#content {
background-image : url(<img src="bilder/bg_1.jpg" alt="bg" />);
height : 550px;
padding : 75px 240px 0 325px;
margin : 0 auto;
background-repeat : no-repeat;
color : #000000;
background-image: url(bilder/bg_1.jpg);
}
#apDiv1 {
position : absolute;
left : 692px;
top : 184px;
width : 252px;
height : 187px;
z-index : 3;
}
#apDiv3 {
position : absolute;
padding : 0 0;
margin : 0 auto;
left : 740px;
width : 220px;
height : 165px;
z-index : 2;
}
.Stil8 {
font-weight : bold;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #666666;
font-size : 12px;
}
.Stil14 {
color : #ff6633;
font-family : "Times New Roman", Times, serif;
font-size : 24px;
text-transform : none;
letter-spacing : 1px;
}
</style>
</head>
<body>
<div id="apDiv1"><img src="bilder/mm_spacer.gif" alt="plan zypern" width="235" height="183" border="0" usemap="#Map">
<map name="Map"><area shape="rect" coords="-16,1,230,173" href="download/plan.jpg" target="_blank" alt="plan">
<area shape="rect" coords="0,0,0,0" href="download/plan.jpg" target="_blank" alt="plan zypern">
</map></div>
<div style=
"width:870px; margin: 0 auto;">
<img src="bilder/banner.jpg" alt="banner" width="870" height="126" />
<div id="tabsC">
<ul>
<li><a href="home.html" title="Home"><span>Home</span></a></li>
<li><a href="spielplan.html" title="Tournier"><span>Turnier</span></a></li>
<li><a href="fanreisen.html" title="Fanreisen"><span>Fanreisen</span></a></li>
<li><a href="partner.html" title="Unsere Partner"><span>Unsere Partner</span></a></li>
<li><a href="kontakt.html" title="Kontakt"><span>Kontakt</span></a></li>
<li><a href="impressum.html" title="Impressum"><span>Impressum</span></a></li>
</ul>
</div>
<div id="content">
<h1 align="left" class="Stil14">Eine Traumreise für </h1>
<h1 align="left" class="Stil14">jeden Fußballfan...</h1>
<p align="left" class="Stil8"> </p>
<p align="left" class="Stil8">Schlagen Sie dem schlechten Wetter ein Schnippchen und kommen Sie mit nach Zypern! Sauberes Meer, gesundes Klima und 340 Sonnentage im Jahr sind einen Urlaub wert. Noch hinzu kommt die gastfreundliche Bevölkerung. Wandern, Baden, Tanzen, Relaxen...
<p align="left" class="Stil8"><a href="../spielplan.html">Hier können Sie sich über das Winterturnier auf Zypern informieren.</a></p>
<p align="left"><span class="Stil8"><a href="../kontakt.html">Bitte nutzen Sie das Kontaktformular für weitere Informationen!</a></span></p>
<p align="left"><span class="Stil8">Zum Vergrößern des Plans klicken sie ihn bitte an.</span><span class="Stil2"><br>
</span></p>
<p align="left" class="Stil2"> </p>
<p align="left" class="Stil2"> </p>
<p> </p>
</div>
</div>
</body>
</html>
-
Hallo :)
Das Ruckeln tritt bei längeren Seiten auf, wenn rechts der Scrollbalken erscheint.
mfg
cygnus--
Die Sache mit der Angel und dem ><o(((°> hat immer einen Haken ...-
Hallo :)
Das Ruckeln tritt bei längeren Seiten auf, wenn rechts der Scrollbalken erscheint.
mfg
cygnusVielen Dank! Dann weiss ich endlich woran es liegt!
Noch einen schönen Tag
Grüße von MariaCati
-