css probleem

xize · 3 December 2011

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>
		&raquo; Home<br/>
		&raquo; Login<br/>
		&raquo; Signup<br/>
		&raquo; Lost password?<br/>
		&raquo; News<br/>
		&raquo; Server Rules<br/>
		&raquo; Forum<br/>
		&raquo; Get a scrim with us<br/>
		&raquo; Contact
		</div>
	<div id="menulinkscopyright"/>
		<div align="center"/><font color="green" size="4px"/>Forum</div></font>
		&raquo; Forum Rules<br/>
		&raquo; News<br/>
		&raquo; Server news<br/>
		&raquo; New clan members<br/>
		&raquo; Scrims<br/>
		</div>
	</div>
		<div id="fix2"/>&copy; Kill-static 2011-2012 all rights reserved || Design by X!2e&nbsp;&nbsp;&nbsp;&nbsp;</div>
	<div id="lefteffect"/></div>
	<div id="righteffect"/></div>
</div>
</body>
</html>

Toon Meer

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;
}

Toon Meer

Alvast bedankt.

Met vriendelijke groet,

xize

xize · 4 December 2011

Het probleem is al opgelost.
toen ik website ging uploaden op funpic en vanuit die url de pagina opende via firefox zag ik voor de <html> een vreemd teken staan meestal gebeurd het wanneer je een verkeerd programma gebruikt hebt.
of de file verkeerd opgeslagen hebt.

Met vriendelijke groet,

xize

R-Mijnten · 4 December 2011

Gelukkig:slotje:

Partner Gezocht om meerdere NFT Collecties op Open Sea te Plaatsen

Plesk installer

cpanel / whm themes

PHP Point of Sale

Probleem omtrent Tinymce

Kunnen jullie mij helpen met deze enquete

een eigen cloud sever

Probleem C++ en CL

193 Nieuwe domeinnamen April 2025

228 Nieuwe domeinnamen Maart 2025

285 Nieuwe domeinnamen Februari 2025

css probleem

Participate now!

Fijne feestdagen

Kritieke update voor Really Simple Security-plug-in

ING Nederland streeft naar ondersteuning van Google Pay tegen eind februari

Functioneel ontwerp

Access Control List implementatie in PHP/MySQL - deel 1/2

Access Control List implementatie in PHP/MySQL - deel 2/2

Delen

Gebruikers die dit topic bekijken