Goededag allemaal,
hierbij zit ik met een zeer vreemd css probleem.
Wanneer ik de webpagina open binnen internet iexplore dan opent hij de website correct.
maar als ik de website open binnen firefox dan pakt hij vreemd genoeg de css code niet.
Zelf weet ik met toeval wel wanneer je normalen html toepast op een gestylde css layouts dat firefox soms wel eens moeilijk doet om de code te pakken uit de css file, maar tevergeefs heb ik al geprobeerd alle <font color="green"/></font> eruit te halen en echter had ik nog steeds het probleem.
index.html
----------
PHP
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css" media="all"/>
<script type="text/javascript" src="jquery.js"/></script>
<script type="text/javascript" src="test.js"/></script>
<script type="text/javascript" src="s.js"/></script>
</head>
<body>
<div id="b"/>
<div id="a"/><a href="#"/>Server stats</a></div>
<div id="serverstatscontainer"/>
<div id="serverbgg"/>
<div id="servertitle"/>:: Servers</div>
</div>
</div>
</div>
<div id="container"/>
<div id="logo"/><a href="#" border="0"/></a></div>
<div id="loginheader"/>
<div id="header_"/></div>
<div id="logintext"/><p><a href="#" id="login1"/>Login</a> - <a href="#" id="registerl"/>Register</a></p></div>
<div id="logintextbg"/></div>
<div id="loginbchief1"/></div>
<div id="loginbchief2"/></div>
<div id="rr"/></div>
<div id="stats"/><div id="statstitle"/>:: Stats</div><div id="statstext"/><br/>KS']X!2e || <font color="green"/>Online</font><br/> KS']B1 || <font color="green"/>Online</font><br/> KS']B1oTox || <font color="green"/>Online</font></div></div>
<div id="menu"/><a href="#"/>Home</a> - <a href="#"/>News</a> - <a href="#"/>Server Rules</a> - <a href="#"/>Forum</a></div>
</div>
<div id="contentleft"/></div>
<div id="contentright"/></div>
<div id="closelogin"/><a href="#"/></a></div>
<div id="loginsection"/>
</div>
<div id="loginb"/><br/><br/><form name="login" method="post" action=""/><input type="text" name="username" id="usernamebox" value="username"/><br/><input type="password" id="passwordbox" name="password" value="password"/><br/><br/><input type="image" src="images/submitlogin.png" value="go"/><a href="#" border="0"/><img src="images/ww.png" height="30" width="60" border="0"/></a></form></div>
<div id="registerb"/><form name="signup" method="post" action="signup.php"/><input type="text" name="fullname" id="usernamebox" value="fullname"/><br/><input type="text" id="usernamebox" name="lastname" value="lastname"/><br/><input type="text" id="usernamebox" name="email" value="[email protected]"<br/><input type="text" name="username" id="usernamebox" value="username"/><br/><input type="password" id="passwordbox" name="password" value="password"/><br/><input type="image" src="images/submitlogin.png"/></form></div>
<div id="headerleft"/></div>
<div id="headerright"/></div>
<div id="headerfix"/></div>
<div id="l"/><div id="scrim"/></div></div>
<div id="contentcontainer"/>
<div id="content"/><div id="contentbar"/>Welcome</div>hi<br/><br/><br/><br/><br/><br/></div>
<div id="rightmenu"/><div id="rightbar"/>New contest 01/01/2011</div><div id="rightcontent"/>hi</div></div>
<div id="rightmenu"/><div id="rightbar"/>Training scrim 15/02/011</div><div id="rightcontent"/>hi</div></div>
<div id="bottom"/>
<div id="menulinkscopyright"/>
<div align="center"/><font color="#7da7d9" size="4px"/>Index</div></font>
» Home<br/>
» Login<br/>
» Signup<br/>
» Lost password?<br/>
» News<br/>
» Server Rules<br/>
» Forum<br/>
» Get a scrim with us<br/>
» Contact
</div>
<div id="menulinkscopyright"/>
<div align="center"/><font color="green" size="4px"/>Forum</div></font>
» Forum Rules<br/>
» News<br/>
» Server news<br/>
» New clan members<br/>
» Scrims<br/>
</div>
</div>
<div id="fix2"/>© Kill-static 2011-2012 all rights reserved || Design by X!2e </div>
<div id="lefteffect"/></div>
<div id="righteffect"/></div>
</div>
</body>
</html>style.css
-----------
PHP
body {
background-image:url(images/bg.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
height:100%;
width:100%;
margin:0;
text-align:center;
}
#usernamebox {
width:150px;
height:25px;
background:url(images/userbox.jpg);
border:none;
font-family:verdana;
font-size:10pt;
padding-top:0px;
padding-left:3px;
color:gray;
}
#b {
position:absolute;
top:0px;
left:0px;
height:22px;
width:100%;
background:url(images/menubg.jpg);
z-index:200;
}
#passwordbox {
width:150px;
height:25px;
background:url(images/userbox.jpg);
border:none;
font-family:verdana;
font-size:10pt;
padding-top:0px;
padding-left:3px;
color:gray;
}
#server1 {
display:block;
top:-10px;
margin-top:5px;
margin-left:5px;
width:320px;
height:80px;
padding-top:8px;
background:url(images/12.png);
}
#server2 {
display:block;
top:-10px;
margin-top:5px;
margin-left:5px;
width:320px;
height:80px;
padding-top:8px;
background:url(images/12.png);
}
#serverbgg {
display:block;
top:0px;
margin-right:auto;
margin-left:auto;
width:800px;
height:200px;
background:url(images/serverbgg.jpg);
}
#servertitle {
display:block;
margin-left:20px;
margin-top:10px;
font-size:14pt;
font-family:axax, verdana;
color:#FFF;
text-align:left;
}
#serverstatscontainer {
position:absolute;
top:22px;
left:0px;
width:100%;
height:200px;
background:#5674b9;
z-index:199;
}
#a {
display:block;
margin-right:auto;
margin-left:auto;
width:400px;
height:23px;
background:url(images/a.jpg);
color:gray;
font-family:verdana;
font-size:10pt;
}
#a a {
display:block;
margin-right:auto;
margin-left:auto;
width:400px;
height:23px;
background:url(images/a.jpg);
color:gray;
text-decoration:none;
font-family:verdana;
font-size:10pt;
}
#a a:hover {
display:block;
margin-right:auto;
margin-left:auto;
width:400px;
height:23px;
background:url(images/a.jpg);
text-decoration:none;
color:#FFF;
font-family:verdana;
}
#container {
position:relative;
top:23px;
margin-left:auto;
margin-right:auto;
width:989px;
min-height:800px;
}
#logo {
position:absolute;
top:0px;
height:127px;
left:368px;
width:260px;
background:url(images/logo.png);
z-index:1;
}
#loginbchief1 {
position:absolute;
top:0px;
left:0px;
width:284px;
height:350px;
background:url(images/loginbchief1.png);
}
#loginbchief2 {
position:absolute;
top:0px;
right:0px;
width:328px;
height:244px;
background:url(images/loginbchief2.png);
}
#headerfix {
position:absolute;
top:0px;
left:280px;
height:127px;
width:127px;
background:url(images/fix.png);
}
#menulinkscopyright {
float:left;
background:#555555;
padding:0 23 0 3;
margin-left:5px;
text-align:left;
color:#FFF;
font-family:verdana;
font-size:7pt;
}
#menu {
position:absolute;
bottom:0;
left:0px;
height:31px;
width:877;
background:url(images/menubg.jpg);
font-family:verdana;
color:#FFF;
font-size:10;
padding-top:7px;
}
#rr {
position:absolute;
right:0px;
bottom:29px;
height:108px;
width:331px;
background:url(images/rr.png);
}
#menu a {
font-family:verdana;
color:#FFF;
font-size:10;
text-decoration:none;
}
#menu a:hover {
font-family:verdana;
color:#FFF;
font-size:10;
text-decoration:none;
font-weight:bold;
}
#logo a {
top:0px;
left:341px;
height:127px;
width:260px;
background:url(images/logo.png);
}
#contentleft {
position:absolute;
top:127px;
left:0px;
height:210px;
width:56px;
background:url(images/content-left.png);
}
#contentright {
position:absolute;
top:127px;
right:0px;
height:210px;
width:57px;
background:url(images/content-right.png);
}
#login1 {
font-family:axax, verdana;
color:gray;
text-decoration:none;
font-size:10pt;
margin-top:20px;
}
#login1 a {
font-family:axax, verdana;
color:gray;
text-decoration:none;
font-size:10pt;
margin-top:20px;
}
#register1 {
font-family:axax, verdana;
color:gray;
text-decoration:none;
font-size:10pt;
margin-top:20px;
}
#register1 a {
font-family:axax, verdana;
color:gray;
text-decoration:none;
font-size:10pt;
margin-top:20px;
}
#loginb {
position:absolute;
top:129px;
left:36.8%;
height:172px;
width:261px;
background:url(images/loginb.png);
}
#registerb {
position:absolute;
top:129px;
left:36.8%;
height:172px;
width:261px;
background:url(images/loginb.png);
}
#loginsection {
position:absolute;
top:127px;
left:57px;
width:875px;
height:173px;
background:url(images/loginbg.jpg);
z-index:-10;
}
#headerright {
position:absolute;
top:0px;
right:1px;
width:387px;
height:127px;
background:url(images/header-right.png);
z-index:-10;
}
#logintextbg {
position:absolute;
left:284px;
width:265px;
height:88px;
background:url(images/logintextbg.png);
}
#lefteffect {
position:absolute;
left:0px;
top:180px;
height:321px;
width:49px;
background:url(images/lefteffect.png);
}
#righteffect {
position:absolute;
right:0px;
top:180px;
height:321px;
width:49px;
background:url(images/righteffect.png);
}
#scrim {
position:absolute;
height:180px;
width:875px;
top:440px;
left:5px;
background:url(images/scrim.jpg);
background-repeat:no-repeat;
}
#l {
position:absolute;
top:20px;
left:50px;
width:890px;
height:620px;
background:#FFF;
z-index:-20;
}
#contentcontainer {
position:absolute;
left:50px;
top:640px;
width:890px;
background:#FFF;
text-align:left;
}
#content {
float:left;
margin-left:5px;
margin-top:10px;
width:584px;
padding-right:1px;
background:#ebebeb;
}
#stats {
position:absolute;
right:3px;
bottom:33px;
width:212px;
height:103px;
background:url(images/statics.png);
z-index:10;
}
#statstext {
color:#FFF;
font-size:7pt;
text-align:left;
font-family:verdana;
margin-left:5px;
}
#statstitle {
color:#FFF;
text-align:left;
margin-left:5px;
margin-top:2px;
font-family:axax, verdana;
font-size:12pt;
}
#rightmenu {
float:left;
width:300px;
margin-top:10px;
background:FFF;
}
#rightbar {
float:left;
text-align:center;
height:30px;
width:97%;
color:#FFF;
font-family:axax, verdana;
font-size:10pt;
line-height:2.5;
background:url(images/menubg.jpg);
}
#contentbar {
float:left;
text-align:center;
height:30px;
width:100%;
color:#FFF;
font-family:axax, verdana;
font-size:10pt;
line-height:2.5;
background:url(images/menubg.jpg);
}
#rightcontent {
float:left;
text-align:left;
width:97%;
background:#ebebeb;
font-size:8pt;
color:#000;
font-family:verdana;
}
#content h1 {
font-family:axax, verdana;
margin-left:10px;
font-weight:bold;
font-size:18pt;
color:#363636;
height:40px;
}
#bottom {
float:left;
left:0px;
width:890px;
background:#363636;
}
@font-face {
font-family: 'axax';
src: url('qswitcha-webfont.eot');
src: url('qswitcha-webfont.eot?#iefix') format('embedded-opentype'),
url('qswitcha-webfont.woff') format('woff'),
url('qswitcha-webfont.ttf') format('truetype'),
url('qswitcha-webfont.svg#QSwitchAxRegular') format('svg');
font-weight: normal;
font-style: normal;
}
#fix2 {
float:left;
height:30px;
width:890px;
bottom:-180px;
background:#252525;
text-align:right;
color:#FFF;
font-size:7pt;
font-family:verdana;
line-height:3;
}
#content p {
font-size:8pt;
margin-left:10px;
font-family:verdana;
color:#000;
width:800px;
}
#loginheader {
position:absolute;
top:85px;
left:55px;
width:877px;
height:381px;
z-index:100;
}
#header_ {
position:absolute;
top:88px;
left:284px;
width:265px;
height:262px;
background:url(images/header_.png);
}
#logintext {
position:absolute;
top:35px;
left:308px;
height:52px;
width:262px;
background:url(images/logintext.png);
z-index:10;
}
#logintext p {
font-family:axax, verdana;
color:gray;
font-size:10pt;
margin-top:20px;
}
#logintext p a {
font-family:axax, verdana;
color:gray;
text-decoration:none;
font-size:10pt;
margin-top:20px;
}
#logintext p a:hover {
font-family:axax, verdana;
color:gray;
font-weight:bold;
text-decoration:none;
font-size:10pt;
margin-top:20px;
}
#closelogin {
position:absolute;
right:65px;
top:127px;
height:36px;
width:91px;
background:url(images/closelogin.png);
}
#closelogin a {
position:absolute;
height:36px;
width:91px;
top:0px;
right:0px;
background:url(images/closelogin.png);
}
#headerleft {
position:absolute;
top:0px;
left:0px;
width:341px;
height:127px;
background:url(images/header-left.png);
z-index:-10;
}Alvast bedankt.
Met vriendelijke groet,
xize