CSS gør noget temmelig uventet i Firefox (men virker i IE)
Jeg sidder og er ved at lægge sidste hånd på et sidedesign til mit band, får finrettet de sidste småting og skal nu til at lege med menuens udseende.Min sides opbygning er sådan her:
logo og titel
menubar
indholdsbox
copyright/kontaktbox
Tag et kig på hpb.dk/soc11ny
Jeg skal til at lave en tynd border i bunden af menubaren da følgende indtræffer lige efter jeg har trykket F5:
Der sker det at i Firefox begynder padding pludselig ikke at virke, den ignorerer det bare.
Indholdsboxen flyver 140 pixels op, ganske uprovokeret.
Det hele virker perfekt i IE, har ikke testet de andre browsere.
Her kommer den CSS jeg benytter (Jeg ved godt at noget af koden kan sammentrækkes, men det er ikke det væsentlige):
#menu{
width : 999px;
min-height : 150px;
height : 45px;
position : relative;
background : url(F.gif);
background-repeat : repeat-y;
border-right : solid 1px;
border-right-color : #194D99;
border-left : solid 1px;
border-left-color : #194D99;
border-bottom : solid 1px;
border-bottom-color : #194D99;
}
#menu_tekst{
text-align : center;
padding-top : 12px;
}
#indhold{
width : 999px;
min-height : 450px;
height : 450px;
position : relative;
background-color : #EEEEEE;
font-size : 16px;
border-right : solid 1px;
border-right-color : #194D99;
border-left : solid 1px;
border-left-color : #194d99;
background-image : URL(../images/sloejfe.gif);
background-position : center center;
background-repeat : no-repeat;
}
Det hele virkede før jeg satte border i bunden af menuboxen.
Håber virkelig der er et klogt hoved der kan hjælpe mig med den her, for min hjerne har stået af.