Sprint
Erfahrenes Mitglied
Hallo Gemeinde,
ich bin mir jetzt nicht sicher, ob mein Problem mit CSS zu tun hat, ich kann mir aber nichts anderes erklären.
Bei einer neu gebauten Seite wird immer unten ein leerer Rand von ca. 130 Pixeln angehängt. Dadurch erscheint bei manchen Seiten / Fenstergröße Kombinationen ein Scrollbalken, der gar nicht nötig ist. Ich finde aber nichts, was ihn erzeugen könnte. Ich hab schon um sämtliche Container einen Rand anzeigen lassen. Es ist nichts zu finden, das so lang ist. Es existiert auch kein Bild, das die Höhe hätte.
Hier ist die betroffene Seite.
Kann mir jemand sagen, wo das Problem liegt?
ich bin mir jetzt nicht sicher, ob mein Problem mit CSS zu tun hat, ich kann mir aber nichts anderes erklären.
Bei einer neu gebauten Seite wird immer unten ein leerer Rand von ca. 130 Pixeln angehängt. Dadurch erscheint bei manchen Seiten / Fenstergröße Kombinationen ein Scrollbalken, der gar nicht nötig ist. Ich finde aber nichts, was ihn erzeugen könnte. Ich hab schon um sämtliche Container einen Rand anzeigen lassen. Es ist nichts zu finden, das so lang ist. Es existiert auch kein Bild, das die Höhe hätte.
Hier ist die betroffene Seite.
CSS:
body { color: #565656; font: 12px/120% Verdana, Arial, Helvetica, sans-serif; background-color: #efefef; margin: 0; padding: 0; }
a { color: #565656; text-decoration: none; }
a:hover { text-decoration: underline; }
.small { font-size: 9px; }
#topmenu { color: #565656; text-align: left; position: relative; top: 15px; left: 20px; width: 400px; height: 20px; }
#topmenu a { color: #565656; font-size: 10px; text-decoration: none; margin-right: 20px; margin-left: 20px; }
#topmenu a:hover { text-decoration: underline; }
#topmenu .selected { text-decoration: underline; }
#menu { font-weight: bold; font-variant: small-caps; text-align: right; width:190px; height:auto; float: right; margin-top: 10px; padding-right: 5px; }
#menu ul { }
#menu li { color: #565656; font-size: 12px; text-decoration: none; height: 15px; list-style: none; }
#menu li.abstand { }
#menu li.punkt { border-top: 1px solid #417068; border-bottom: 1px solid #417068; }
#menu li a { color: #565656; font-size: 12px; text-decoration: none; list-style-type: circle; display: block; }
#menu li a:hover, #menu li a#selected:hover { color: #417068; text-decoration: none; }
#menu li a#selected { color: #417068; text-decoration: none; }
.abstand { width: 100%; height: 10px; }
#wrapper { background-image: url(../bilder/bg.jpg); background-repeat: repeat-y; width:900px; height: 100%; margin: 0 auto; padding: 0; }
#header { background-image: url(../bilder/kopf.jpg); background-repeat: no-repeat; background-attachment: scroll; width:900px; height:183px; }
#fuss { color: #565656; font-size: 10px; background-image: url(../bilder/fuss.jpg); background-repeat: no-repeat; text-align: right; width: 700px; height: 43px; padding-top: 25px; padding-right: 200px; }
#links { width: 185px; height: 100%; float: left; min-height: 300px; }
#mitte { background-repeat: repeat-y; width: 490px; height: auto; float: left; min-height: 300px; padding: 10px; }
#rechts { width: 185px; height: 100%; float: right; min-height: 300px; }
div.clear { clear: both; font-size: 1px; }
.text { line-height: 140%; }
#offen { color: #565656; font-size: 10px; line-height: 140%; margin-top: 20px; margin-left: 5px; }
.artbild { text-align: center; width: 200px; height: auto; margin-right: 5px; margin-bottom: 5px; }
.artikel { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 150% ; width: 510px; height: auto; }
.aktuell { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 150%; width: 470px; height: auto; margin-right: 20px; margin-left: 20px; }
#mann2 { background-image: url(../bilder/mann2.jpg); background-repeat: no-repeat; position: relative; width: 183px; height: 57px; }
#bonsai { background-image: url(../bilder/bonsai.png); background-repeat: no-repeat; position: relative; left: 720px; bottom: 160px; width: 164px; height: 160px; }
.bildrechts { width: auto; height: auto; float: right; margin-bottom: 10px; margin-left: 10px; border: solid 1px black; }
.bildlinks { margin-bottom: 10px; width: auto; height: auto; float: left; margin-right: 10px; border: solid 1px black; }
.titel { font-size: 20px; line-height: 30px; }
.linie { width: 100%; height: 2px; border-top: 1px solid black; }
.trenner { background-image: url(../bilder/trenner.jpg); background-repeat: no-repeat; background-position: center 0; width: 100%; height: 25px; margin-top: 10px; margin-bottom: 10px; }
.leist td { background-color:#eeeeee; font-size:10px}
.docframe { width: 50%; height: 152px; float: left; margin-bottom: 15px; }
.docpic { width: 100px; height: 150px; float: left; margin-right: 10px; border: solid 1px black; }Kann mir jemand sagen, wo das Problem liegt?
