Ad:

HTML and CSS Discussion Thread
Marked Solved
Views: 642

Sep 8th, 2009

Firefox has problems with my site. IE doesnt.

Expand Post »

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

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.

Similar Threads

template problems in dreamweaver in HTML and CSS
XP Windows Explorer problems in Windows NT / 2000 / XP
Live Stream Connection problems. in IT Professionals' Lounge
Inserted Calendar causing problems w/ Page in HTML and CSS

maxicube

Reputation Points: 10

Solved Threads: 0

Light Poster

Offline

32 posts
since Nov 2008

Permalink

Sep 8th, 2009

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

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.

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.

valonesal

Reputation Points: 10

Solved Threads: 2

Junior Poster

Offline

120 posts
since Aug 2009

Permalink

Sep 8th, 2009

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

still being annoying....
any other ideas?

maxicube

Reputation Points: 10

Solved Threads: 0

Light Poster

Offline

32 posts
since Nov 2008

Permalink

Sep 8th, 2009

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

Click to Expand / Collapse Quote 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

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.

maxicube

Reputation Points: 10

Solved Threads: 0

Light Poster

Offline

32 posts
since Nov 2008

This thread is solved

Either the thread starter or a moderator has marked this thread as solved. You can most likely trust the responses and answers given. There is most likely no reason for any further responses to be posted here. If you have a related question, please start a new thread in this forum instead.

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.

Previous Thread in HTML and CSS Forum Timeline: IE / Firefox Discrepencies

Next Thread in HTML and CSS Forum Timeline: IE8 Render Bug

DaniWeb Message

Cancel Changes

User Name
Password