Hallo!
Ich habe gerade eine kleine Seite fertig gestellt mithilfe von CSS und im IE sieht sie gut aus, nur im Firefox werden die div container nicht richtig angezeigt.
Die Adresse der Seite ist www.ak-strg.de und schon auf der Startseite seht ihr im Firefox das Problem.
Ich verwende einen Div Container im Hintergrund der 700px breit ist und davor zwei schmalere mit 20% und 78%.
Ich denke, das Problem liegt im stylesheet, deshalb hier mal der entsprechende Auszug daraus:
/* Die Titelzeile fuer die index Seite */
#ti {
padding:2%;
margin:1% auto;
text-align:center;
font:bold 22px Arial;
color:#FFFFFF;
background-color:#669999;
width:760px;
}
/* Der mittige Inhalt - Rahmencontainer */
#mi {
padding:0px;
margin:1% auto;
background-color:#003333;
width:760px;
height:65%;
}
/* Der mittige Inhalt - linker Container */
#mil {
margin:0px;
padding:20px 10px;
text-align:center;
font:16px Arial;
color:#FFFFFF;
background-color:#669999;
width:20%;
float:left;
height:100%;
}
/* Der mittige Inhalt - rechter Container */
#mir {
margin:0px;
padding:10px;
text-align:justify;
font:12px Arial;
color:#FFFFFF;
background-color:#669999;
width:78%;
float:right;
height:100%;
}
/* Die Fusszeile */
#fi {
padding:1%;
margin:1% auto;
height:5%;
text-align:center;
font:bold 12px Arial;
color:#FFFFFF;
background-color:#669999;
width:760px;
}
Ich hoffe ihr koennt mir weiterhelfen!
Und keine Angst, ich habe schon die Suche bemueht und nichts gefunden.
Ich habe gerade eine kleine Seite fertig gestellt mithilfe von CSS und im IE sieht sie gut aus, nur im Firefox werden die div container nicht richtig angezeigt.
Die Adresse der Seite ist www.ak-strg.de und schon auf der Startseite seht ihr im Firefox das Problem.
Ich verwende einen Div Container im Hintergrund der 700px breit ist und davor zwei schmalere mit 20% und 78%.
Ich denke, das Problem liegt im stylesheet, deshalb hier mal der entsprechende Auszug daraus:
/* Die Titelzeile fuer die index Seite */
#ti {
padding:2%;
margin:1% auto;
text-align:center;
font:bold 22px Arial;
color:#FFFFFF;
background-color:#669999;
width:760px;
}
/* Der mittige Inhalt - Rahmencontainer */
#mi {
padding:0px;
margin:1% auto;
background-color:#003333;
width:760px;
height:65%;
}
/* Der mittige Inhalt - linker Container */
#mil {
margin:0px;
padding:20px 10px;
text-align:center;
font:16px Arial;
color:#FFFFFF;
background-color:#669999;
width:20%;
float:left;
height:100%;
}
/* Der mittige Inhalt - rechter Container */
#mir {
margin:0px;
padding:10px;
text-align:justify;
font:12px Arial;
color:#FFFFFF;
background-color:#669999;
width:78%;
float:right;
height:100%;
}
/* Die Fusszeile */
#fi {
padding:1%;
margin:1% auto;
height:5%;
text-align:center;
font:bold 12px Arial;
color:#FFFFFF;
background-color:#669999;
width:760px;
}
Ich hoffe ihr koennt mir weiterhelfen!
Und keine Angst, ich habe schon die Suche bemueht und nichts gefunden.
Kommentar