CSS Darstellung fehlerhaft in IE9

Computer: Software & Programmierung HTML & CSS
#1

Hi,

ich bin absoluter Anfänger in CSS. Ich habe aber einen Script geschrieben, der in einem kleinen Bereich des unteren Browerfensters fünf Grafikbuttons fixiert. Leider funktinoiert das ganze nur unter Firefox und Google Chrome. Der IE9 dagegen zeigt das ganze Gebilde komplett durcheinander an.

Gibt es eine Möglichkeit, das der IE9 das richtige Erscheinungsbild anzeigt?

Das zweite ist, das ein möglicher Scollbalken nicht bis zum Ende des Browerfensters reichen soll, sondern nur bis zum Anfang des unteren fixierten Bereiches.

Könnt Ihr mir helfen? Hier der Code

Das ist ein Test

Danke im voraus :smile:)

#2

Hallo,

du wirst mir sicherlich zustimmen, dass dein Code nicht sehr leserlich geschrieben ist. An deiner Stelle würde ich Designangaben auslagern:

-> http://de.selfhtml.org/css/formate/einbinden.htm#sep…

Ich habe lange Zeit ausprobiert und mir Hilfen durchgelesen. Was Ich dir hier zeige ist nicht perfekt. Der Footer wurde ohne Seiteninhalt darüber erstellt. Der Code ist nicht valide… aber hiermit hast du einen Ansatz.

target="_blank" rel=„nofollow“
wurde von wer-weiss-was automatisch eingefügt…

index.html

design.css

#footer{
height:26px;
bottom:0px;
right:0px;
left:0px;

border-top: solid 1px;
border-color:#c1c1c1;

padding-bottom:0px;

margin-bottom:0px;

margin-top:40%;
/* Hier ist die Schraube: kleine Zahl -> oben, größere Zahl -> unten */

text-align:center;
}
img{
padding-top:1px;

width:120px;
height:23px;
}
a{
padding-left:5px;
padding-right:5px;
}