HTML and CSS

Firefox has problems with my site. IE doesnt.

Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

Thread Solved

•

Join Date: Nov 2008

Posts: 22

Reputation: maxicube is an unknown quantity at this point

Solved Threads: 0

maxicube

Offline

Newbie Poster

Firefox has problems with my site. IE doesnt.

Sep 8th, 2009

I dunno how to fix this.
All i get in FireFox is the text. In IE i get all the div tags and graphics and everything.

here's my code, thx for the help

 Help with Code Tags 
 HTML and CSS Syntax (Toggle Plain Text) 
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang="en" lang="en">
<head>
 
<meta http-equiv="Content-Style-Type" content="text/html; charset=utf-8; text/css" />
<title>Maxi-Studios.info | Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><style type="text/css">
<!--
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
}
-->
</style></head>
 
 
<body style='margin: 0px; height: 100%; background:url(bg2.png)'>
<div style="position: fixed; z-index: -10; top: 100%; left: 100%; width:200px; height:20px; margin-top:-20px; margin-left:-200px; line-height:20px; text-align:right; color:white;">© Maxicube 2009</div>
<div style='position: fixed; top: 100%; left: 100%; width:88px; height:31px; margin-top:-51px; margin-left:-88px; background:url(http://www.w3.org/Icons/valid-xhtml10-blue); z-index: -10;' onclick="window.location.href='http://validator.w3.org/check?uri=referer;"></div>
 
<div style='position: fixed; top: 0; left: 0; width: 100%; height: 50%; background:url(bg1.png); z-index: 1;'></div>
<div style='position: fixed; top: 50%; left: 0; width:100%; height:2px; background-color:black;'></div>
<div style='position: fixed; top: 50%; left: 50%; width:433px; height:32px; margin-top:-31px; margin-left:-432px; background:url(logo.png); z-index:3;'></div>
 
<div style='position: fixed; top: 50%; left: 50%; width:108px; height:25px; margin-top:0px; margin-left:-432px; border:2px black solid; background-color:#b4b4b4; text-align:center; line-height:25px' onclick="window.location.href='index.html'">Home</div>
 
<div style='position: fixed; top: 50%; left: 50%; width:108px; height:25px; margin-top:0px; margin-left:-324px; border:2px black solid; background-color:#b4b4b4; text-align:center; line-height:25px' onclick="window.location.href='folio.html'">Folio</div>
 
<div style='position: fixed; top: 50%; left: 50%; width:108px; height:25px; margin-top:0px; margin-left:-216px; border:2px black solid; background-color:#b4b4b4; text-align:center; line-height:25px' onclick="window.location.href='about.html'">About Me</div>
 
<div style='position: fixed; top: 50%; left: 50%; width:108px; height:25px; margin-top:0px; margin-left:-108px; border:2px black solid; background-color:#b4b4b4; text-align:center; line-height:25px' onclick="window.location.href='upload.html'">Upload</div>
 
 
 
 
 
<div style='position: fixed; top: 50%; left: 50%; width:400px; height:400px; background-color:#999; margin-top:-200px; border:2px black solid; z-index:2; padding:10px 10px 10px 10px'>
<h1>Home</h1>
<p>Hello and welcome to maxicubes website. The main purpose of this website is...<br/>well there is no purpose</p>
</div>
</body>
</html>
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang="en" lang="en">
<head>

<meta http-equiv="Content-Style-Type" content="text/html; charset=utf-8; text/css" />
<title>Maxi-Studios.info | Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><style type="text/css">
<!--
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
}
-->
</style></head>


<body style='margin: 0px; height: 100%; background:url(bg2.png)'>
<div style="position: fixed; z-index: -10; top: 100%; left: 100%; width:200px; height:20px; margin-top:-20px; margin-left:-200px; line-height:20px; text-align:right; color:white;">© Maxicube 2009</div>
<div style='position: fixed; top: 100%; left: 100%; width:88px; height:31px; margin-top:-51px; margin-left:-88px; background:url(http://www.w3.org/Icons/valid-xhtml10-blue); z-index: -10;' onclick="window.location.href='http://validator.w3.org/check?uri=referer;"></div>

<div style='position: fixed; top: 0; left: 0; width: 100%; height: 50%; background:url(bg1.png); z-index: 1;'></div>
<div style='position: fixed; top: 50%; left: 0; width:100%; height:2px; background-color:black;'></div>
<div style='position: fixed; top: 50%; left: 50%; width:433px; height:32px; margin-top:-31px; margin-left:-432px; background:url(logo.png); z-index:3;'></div>

<div style='position: fixed; top: 50%; left: 50%; width:108px; height:25px; margin-top:0px; margin-left:-432px; border:2px black solid; background-color:#b4b4b4; text-align:center; line-height:25px' onclick="window.location.href='index.html'">Home</div>

<div style='position: fixed; top: 50%; left: 50%; width:108px; height:25px; margin-top:0px; margin-left:-324px; border:2px black solid; background-color:#b4b4b4; text-align:center; line-height:25px' onclick="window.location.href='folio.html'">Folio</div>

<div style='position: fixed; top: 50%; left: 50%; width:108px; height:25px; margin-top:0px; margin-left:-216px; border:2px black solid; background-color:#b4b4b4; text-align:center; line-height:25px' onclick="window.location.href='about.html'">About Me</div>

<div style='position: fixed; top: 50%; left: 50%; width:108px; height:25px; margin-top:0px; margin-left:-108px; border:2px black solid; background-color:#b4b4b4; text-align:center; line-height:25px' onclick="window.location.href='upload.html'">Upload</div>





<div style='position: fixed; top: 50%; left: 50%; width:400px; height:400px; background-color:#999; margin-top:-200px; border:2px black solid; z-index:2; padding:10px 10px 10px 10px'>
<h1>Home</h1>
<p>Hello and welcome to maxicubes website. The main purpose of this website is...<br/>well there is no purpose</p>
</div>
</body>
</html>

and its all W3C approved etc.

•

Join Date: Aug 2009

Posts: 101

Reputation: valonesal is an unknown quantity at this point

Solved Threads: 2

valonesal

Offline

Junior Poster

Re: Firefox has problems with my site. IE doesnt.

Sep 8th, 2009

You need to remove all of your extras and repeats in your head, you have a bunch of stuff you dont need try this. Replace your head with this.

 Help with Code Tags 
 HTML and CSS Syntax (Toggle Plain Text) 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Maxi-Studios.info | Home</title>
<style type="text/css">
<!--
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
}
-->
</style>
</head>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Maxi-Studios.info | Home</title>
<style type="text/css">
<!--
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
}
-->
</style>
</head>

I would also strongly recommend that you use a css style sheet for this to clean it up and for future usability in design.

•

Join Date: Nov 2008

Posts: 22

Reputation: maxicube is an unknown quantity at this point

Solved Threads: 0

maxicube

Offline

Newbie Poster

Re: Firefox has problems with my site. IE doesnt.

Sep 8th, 2009

still being annoying....
any other ideas?

•

Join Date: Nov 2008

Posts: 22

Reputation: maxicube is an unknown quantity at this point

Solved Threads: 0

maxicube

Offline

Newbie Poster

Re: Firefox has problems with my site. IE doesnt.

Sep 8th, 2009

•

Originally Posted by valonesal

You need to remove all of your extras and repeats in your head, you have a bunch of stuff you dont need try this.

I would also strongly recommend that you use a css style sheet for this to clean it up and for future usability in design.

thanks for the cleanup. and i worked it out.
for every

 Help with Code Tags 
 HTML and CSS Syntax (Toggle Plain Text) 
<div style='positi....
 
<div style='positi....

it needed to be a " instead of a ' (also at the end)

Last edited by maxicube; Sep 8th, 2009 at 5:20 am.

Quick Reply to Thread

Show Printable Version

Similar Threads

template problems in dreamweaver (HTML and CSS)
XP Windows Explorer problems (Windows NT / 2000 / XP)
Live Stream Connection problems. (IT Professionals' Lounge)
Inserted Calendar causing problems w/ Page (HTML and CSS)
DNS Error for Secure Web Sites only (Web Browsers)
Problems accessing some websites (Viruses, Spyware and other Nasties)
Can't reach a specific web site (Viruses, Spyware and other Nasties)
IE and Firefox problems (Windows NT / 2000 / XP)

Other Threads in the HTML and CSS Forum

Previous Thread: IE / Firefox Discrepencies
Next Thread: IE8 Render Bug

Views: 448 | Replies: 3

Thread Tools	Search this Thread
Show Printable Version Email this Page

DaniWeb Message

Cancel Changes