Mac-browser skoder ved CSS side
HejJeg har følgende script, som laver rammer, faktisk ligesom eksperten er bygget op, men når jeg kører det på en mac-browser, så står alle rammerne under hinanden i venstre side.
Kan med ikke anvende absolute divs på en mac-verden? Og i så fald hvordan? Og hvis ikke, kan man så ikke arbejde sig uden om problemet på en eller anden måde?
<style type="text/css">
BODY {
TEXT-ALIGN: center
}
#header {
PADDING-RIGHT: 10px;
PADDING-LEFT: 10px;
FLOAT: center;
PADDING-BOTTOM: 0px;
WIDTH: 750px;
PADDING-TOP: 0px;
}
#content {
width:755px;
margin-right:auto;
margin-left:auto;
margin-top:0px;
padding:0px;
text-align:left;
}
#leftcontent {
PADDING-RIGHT: 5px;
PADDING-LEFT: 10px;
FLOAT: left;
PADDING-BOTTOM: 0px;
WIDTH: 135px;
PADDING-TOP: 0px
}
#centercontent {
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
FLOAT: left;
PADDING-BOTTOM: 0px;
WIDTH: 468px;
PADDING-TOP: 0px;
}
html>body #content {
margin-left: 0px;
margin-right:0px;
}
#topbanner {
width:750px;
margin-right:auto;
margin-left:auto;
margin-top:10px;
padding:0px;
text-align:left;
}
#rightcontent {
PADDING-RIGHT: 10px;
PADDING-LEFT: 5px;
FLOAT: left;
PADDING-BOTTOM: 0px;
WIDTH: 135px;
PADDING-TOP: 0px
}
#bannerTopLeftContent {
PADDING-RIGHT: 5px;
PADDING-LEFT: 5px;
FLOAT: left;
PADDING-BOTTOM: 0px;
WIDTH: 125px;
PADDING-TOP: 0px
}
#bannerTopRightContent {
PADDING-RIGHT: 5px;
PADDING-LEFT: 5px;
FLOAT: left;
PADDING-BOTTOM: 0px;
WIDTH: 125px;
PADDING-TOP: 0px
}
#bannerTopMiddleContent {
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
FLOAT: center;
PADDING-BOTTOM: 0px;
WIDTH: 468px;
PADDING-TOP: 0px
}
.tekst1 {
font-size: 10px;
font-family: <%=strForumFontFace%>;
color: <%=strForumFontColor%>;
}
</style>
</head>
<div id="content">
<div id="header">
</div>
<div id="leftcontent">
</div>
<div id="centercontent">
</div>
<div id="rightcontent">
</div>
</div>
