Member Avatar for maxicube

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 :D

<?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.

  • 2 Contributors
  • 3 Replies
  • 126 Views
  • 8 Hours Discussion Span
  • Latest Post Latest Post by maxicube

Recommended Answers

All 3 Replies

Member Avatar for 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. Replace your head with this.

<!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.

Member Avatar for maxicube

still being annoying....
any other ideas?

Member Avatar for maxicube

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

<div style='positi....

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

Edited by maxicube because: n/a
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.