Hi,
FF nimmt bei mir einfach nicht die height an! 🙁
Ich habe schon danach gesucht, aber das Problem tritt nur bei IE auf, doch da klappt es ohne Probleme.
Also der IE verlängert den div-Navi und Öffnungszeiten richtig und beim FF passiert nichts!
Hier meine CSS-Datei:
* {margin:0; padding:0;} /*Setzt alle Abstände auf 0*/
body {
height: 100%;
margin: 0;
padding: 0;
background: #D2D2D2; /*#8C8C8C;*/
color: #FFFFF0;
font-variant:normal;
font-size: 1.2em;
font-style: tahoma;
font-weight: 400;
font-family: garamond, tahoma, arial;
}
#content {
height: 50%;
min-height: 1000px;
margin-top: 5%;
margin-left: 7%;
margin-right: 7%;
padding: 0;
border-left: 1px solid black;
border-top: 1px solid black;
border-right: 1px solid black;
background: #969696;
}
/*Überschrift mit Image*/
#header {
position: relative;
height: 410px;
border-bottom: 1px solid black;
}
#Ueberschrift {
position: absolute;
margin-top: 100px;
float: left;
top: 30px;
text-align: left;
z-index: 2;
top: 10px;
}
h1 {
font-weight: 550;
font-size: 2.2em;
color: #555;
font-style: garamond;
}
h2 {
font: 500 1.5em "garamond", serif;
color: #FFFFF;
}
h3 {
font: 600 150.01% "garamond", serif;
color: #555;
}
h4 {
font: 600 135.01% "garamond", serif;
color: #555;
}
h5 {
font: 600 120.01% "garamond", serif;
color: #555;
}
h6 {
font: 600 110.01% "garamond", serif;
color: #555;
}
#Image {
margin: 0;
padding: 0;
top: 0;
position: absolute;
z-index: 1;
right: 0;
}
/*Hauptnavigation auf der linken Seiten*/
#Navigation {
border-right: 1px solid black;
padding-left: 2px;
padding-right: 0px;
text-align: center;
float: left;
height: 75%;
min-height: 590px;
position: relative;
}
ul#Navigation {
margin: 0;
padding: 0;
}
ul#Navigation li {
margin-top: 0;
padding: 0;
list-style: none;
}
ul#Navigation a {
display: block;
font-weight: bold;
margin: 0;
padding: 0;
}
ul#Navigation a:link {
color: black; background-color: #8C8C8C;
}
ul#Navigation a:visited {
color: #666; background-color: #969696;
}
ul#Navigation a:hover {
color: #3366ff; background-color: white;
}
ul#Navigation a:active {
color: white; background-color: gray;
}
/*Subnavigation über dem Inhalt*/
#subNavi {
float: left;
text-align: left;
}
#subNavi ul {
list-style: none;
font-weight: bold;
margin: 0;
padding: 0;
}
#subNavi li {
display: inline;
margin-left: 4%;
padding: 0;
}
ul#subNavi a:link {
color: black;
}
ul#subNavi a:visited {
color: #666; background-color: #969696;
}
ul#subNavi a:hover {
color: #3366ff; background-color: white;
}
ul#subNavi a:active {
color: white; background-color: gray;
}
/*Öffnungszeiten auf der rechten Seit*/
#Oeffnungszeiten {
font-weight: 400;
border-left: 1px solid black;
float: right;
height: 75%;
min-height: 590px;
z-index: 1;
font-size: 93.01%;
}
#Inhalt {
padding-left: 1.5%;
padding-right: 1.5%;
padding-top: 1.5%;
min-height: 590px;
height: 70%;
}
#Inhalt h1 {
font-weight: 550;
font-size: 180%;
color: #000000;
font-style: garamond;
}
#Inhalt h2 {
font: 500 160% "garamond", serif;
color: #000000;
}
#Inhalt h3 {
font: 600 150.01% "garamond", serif;
color: #000000;
}
#Inhalt h4 {
font: 600 135.01% "garamond", serif;
color: #000000;
}
#Inhalt h1, h2, h3, h4, h5, h6, p, dl {
margin: 0;
padding: 10px 15px;
}
#Inhalt h5 {
font: 600 120.01% "garamond", serif;
color: #000000;
}
#Inhalt h6 {
font: 600 110.01% "garamond", serif;
color: #000000;
}
#Footer {
position: relative;
margin-left: 7%;
margin-right: 7%;
text-align: right;
/*background: #787882;*/
color: #000;
border-top: 1px solid black;
}
Danke für eure hilfe.
mfg sYstem
ps: habe erstmal ne min-height gesetzt, dachte so könnte ich den Fehler umgehen, aber sobald ich längere Texte eingebebe funktioniert das nicht ! #angry#