Hallo,
ich habe das Problem, dass die HP nicht zentriert auf dem
Bildschirm angezeigt wird.
Das betrifft allerdings nur die index.html, diese "ruckelt" etwas zur
Seite. Bei allen anderen Seiten tritt das Problem nicht auf (d. h.,
sobald wieder auf die Startseite gewechselt wird, springt die Seite)
Kann hier jemand einen Fehler ausmachen ????
Gruss - Petra
Die css sieht folgendermaßen aus:
body{padding:0;margin:0;font:80%"trebuchet ms", verdana, tahoma,
sans-serif;color:#2F2F2F;background:#C5C5C5;}
#container{margin:0px auto;width:900px;padding:0
10px;background:#fff;}
#footer{clear:both;background:#C5C5C5;color:#00080;font-
size:0.9em;padding:8px 0 8px 0;text-align:center;border-top:1px solid
#A40000;border-bottom:3px solid #fff;}
#footer a{color:#fff;}
#main{width:660px;float:right;padding:15px 0 0 15px;}
#main ul{list-style:circle;margin:10px 0 10px 0;padding:0 0 0
15px;line-height:1.8em;}
#main ol{list-style:decimal;margin:10px 0 10px 0;padding:0 0 0
30px;}
#main a.top{margin:30px 0 30px 0;padding:3px 3px 3px
3px;float:right;font-style:italic;text-align:right;border-right:1px solid
#B9B9FF;border-bottom:1px solid #B9B9FF;background-
color:#E3E3F0;text-decoration:none;}
#main a:hover{text-decoration:none;}
#main a.kontakt{margin:30px 150px 30px 0;padding:3px 3px 3px
3px;float:right;font-style:italic;text-align:right;border-right:1px solid
#B9B9FF;border-bottom:1px solid #B9B9FF;background-
color:#E3E3F0;text-decoration:none;}
#main a:hover{text-decoration:none;}
a{text-decoration:none;color:#A40000;font-weight:bold;}
a:hover{text-decoration:underline;}
.invis, hr{display:none;}
#menueTop{margin:10px auto -13px auto;font-
size:1.0em;width:760px;}
#menueTop p{text-align:right;color:#000080;}
.menueTop{padding:3px 5px 3px 5px;margin:0 0 0 4px;text-
decoration:none;background:#A40000 url('../images/corner5.gif') top
right no-repeat;color:#fff;border-bottom:1px solid #e0e0e0;}
.menueTop:hover{background:#E5E5E5 url('../images/corner5.gif')
top right no-repeat;border-bottom:1px solid
#eaeaea;color:#800000;text-decoration:none;}
.activemenueTop{padding:3px 5px 3px 5px;margin:0 0 0
4px;color:#fff;text-decoration:none;background:#6E6E6E
url('../images/corner5.gif') top right no-repeat;border-bottom:1px solid
#ffffff;}
.activemenueTop:hover{text-decoration:none;}
.menueLeft{text-
align:left;color:#fff;display:block;width:160px;background:#A40000
url('../images/corner.gif') top right no-repeat;padding:3px 4px 3px
8px;margin:10px 10px 5px 0;}
.menueLeft:hover{background:#E5E5E5 url('../images/corner.gif') top
right no-repeat;text-decoration:none;color:#800000;}
.activemenueLeft{text-
align:left;color:#fff;display:block;width:140px;text-
decoration:none;padding:3px 4px 3px 8px;margin:10px 10px 5px
0;background:#3C3C3C url('../images/corner.gif') top right no-
repeat;}
.activemenueLeft:hover{text-decoration:none;}
.menueLeft2{text-
align:left;color:#3C3C3C;display:block;width:140px;background:#C5
C5C5 url('../images/corner.gif') top right no-repeat;padding:3px 4px
3px 8px;margin:5px 10px 5px 0;}
.menueLeft2:hover{background:#C5C5C5 url('../images/corner.gif')
top right no-repeat;text-decoration:none;color:#800000;}
.activemenueLeft2{text-
align:center;color:#800000;display:block;width:140px;text-
decoration:none;padding:3px 4px 3px 8px;margin:5px 10px 5px
0;background:#C5C5C5 url('../images/corner.gif') top right no-
repeat;}
.activemenueLeft2:hover{text-decoration:none;}
.menueLeft3{text-
align:right;color:#3C3C3C;display:block;width:140px;background:#E
5E5E5 url('../images/corner.gif') top right no-repeat;padding:3px 4px
3px 8px;margin:5px 10px 5px 0;}
.menueLeft3:hover{background:#C5C5C5 url('../images/corner.gif')
top right no-repeat;text-decoration:none;color:#000000;}
.activemenueLeft3{text-
align:right;color:#000000;display:block;width:140px;text-
decoration:none;padding:3px 4px 3px 8px;margin:5px 10px 5px
0;border-bottom:1px solid #5C5C5C;background:#E5E5E5
url('../images/corner.gif') top right no-repeat;}
.activemenueLeft3:hover{text-decoration:none;}
#desc{height:152px;color:#fff;padding:0;background:#A40000
url('../images/Logo_ROT_small.jpg') right no-
repeat;clear:both;margin:0 0 0 0;}
#desc .logo{text-align:center; width:300px;padding-left:20px;padding-
top:10px;}
#links{width:160px;float:left;}
#links p{font-size:0.9em;line-height:1.3em;margin:0 0 12px 0;}
Und hier die index.html
<!DOCTYPE
HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="SHORTCUT ICON" href="images/favicon.ico">
<meta http-equiv="content-type" content="text/html; charset=iso-
8859-1">
<meta name="description" content="Herzlich willkommen auf den
Seiten der ">
<style type="text/css" media="screen">@import
url("css/inhalt.css");</style>
<style type="text/css" media="print">@import
url("css/inhalt_print.css");</style>
<link rel="stylesheet" href="css/inhalt.css" media="screen">
<link rel="stylesheet" href="css/inhalt_print.css" media="print">
<title>Titel</title>
</head>
<body>
<div id="menueTop">
<p>
<a class="activemenueTop" href="index.html">Home</a><span
class="hide"> | </span>
<a class="menueTop" href="ueberUns.html">Über uns</a>
<span class="hide"> | </span>
<a class="menueTop"
href="impressionen.html">Impressionen</a><span class="hide"> |
</span>
<a class="menueTop" href="links.html">Links</a><span
class="hide"> | </span>
<a class="menueTop" href="kontakt.php">Kontakt</a><span
class="hide"> | </span>
<a class="menueTop" href="standort.html">Standort</a><span
class="hide"> | </span>
<a class="menueTop" href="impressum.html">Impressum</a>
<span class="hide"> | </span>
<a class="menueTop"
href="datenschutz.html">Datenschutz</a>
</p>
</div>
<div id="container">
<div id="desc">
<p class="logo">
<span style="font-size:1.9em;line-height:1.5em;">Max
Mustermann<br></span>
<span style="font-size:1.5em;">Text<br><br></span>
