Hallo Zusammen,
ich erstelle eine Website. Wenn z.B. bei einer der Unterseiten der Text über den Bildschirm hinausgeht (von der Höhe her), dann verschiebt sich die Seite immer um einige Millimeter nach links...
Hier mal die Testseite http://www.kölsche-tön.com/css-test/index.html
Es sind bisher nur die Testseite und die Produkte anklickbar. Bei den Produkten habe ich extra einen längeren Text gewählt. Klickt man zwischen Home und Produkte hin und her, sieht man die Verschiebung.
Hier ist der css - Text:
#gesamt {
margin: auto;
width: 800px;
border-collapse:collapse;
background-color: #B1D3EC;
}
#gesamt td {
border: 1px solid #808080;
}
#logo {
width: 200px;
height: 130px;
background-image:url(logo.jpg);
background-repeat:no-repeat;
}
#slogan {
width: 600px;
height: 130px;
font-family: Comic Sans MS;
font-size: 160%;
color: #FFFFFF;
}
#balken {
width: 200px;
height: 35px;
background-color: #819AAC;
}
#navigationhorizontal {
width: 600px;
height: 35px;
background-color: #819AAC;
}
#streifen {
width: 12px;
}
#navigationvertikal {
width: 188px;
vertical-align: top;
background-color: #6CAAD9;
}
#inhalt {
width: 430px;
vertical-align: top;
padding: 10px;
}
#infos {
width: 150px;
vertical-align: top;
padding-left: 2px;
color: #607C90;
font-size: 80%;
}
body {
font-family: tahoma, arial;
}
h1 {
color: #906A60;
font-size: 130%;
font-variant:small-caps
}
h2 {
color: #607C90;
font-size: 110%;
}
a {
text-decoration: none;
color: #FFFFFF;
}
a:hover {
color: #000000;
}
#navigationvertikal a {
font-size: 110%;
}
#navigationvertikal p {
border: 1px solid #819AAC;
margin: 5px;
padding: 5px;
}
.Bemerkung {
font-size: 90%;
text-align: right;
font-style: italic;
}
.Bild {
border: 1px solid #FFFFFF;
float: left;
margin-right: 5px;
}
Könnt ihr mir sagen, was ich machen muss um diese Verschiebung auszuschließen?
Vielen Dank!!!
LG Rosi

