Agh- Firefox/IE problems!

Penguino · 12-Apr-2009, 10:51 PM #1

OK- First of all I got this code and I still don't know if it's HTML or XHTML- I feel really stupid.

PLUS, my layout only works in Firefox, not IE. Can anyone help?

The page where all this madness started-
http://ecowise.webs.com/layouteco-center.htm

<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=< $BlogEncoding$>" />
<title>Ecowise

Smile for a While Cuase You're Saving the Earth</title>
<meta name="keywords" content="aintnochick">
<style type="text/css">

body {
font-family: Calibri;
font-weight: normal;
color: #fffbe4;
font-size: 9px;
margin: 0;
top: 789px;
padding: 0;
background: #FFFFFF

url(http://i404.photobucket.com/albums/pp121/Ecowiser/fghfghfgh.jpg);repeat
scrollbar-face-color: #F8EBD8;
scrollbar-arrow-color: #605632;
scrollbar-track-color: #F8EBD8;
scrollbar-shadow-color: #F8EBD8;
scrollbar-highlight-color: #F8EBD8;
scrollbar-3dlight-color: #F8EBD8;
scrollbar-darkshadow-Color: #F8EBD8;
}

#main {
position: absolute;
z-index: 0;
top: 0px;
left: 0px;
height: 789px;
width: 1014px;
background: url(http://i404.photobucket.com/albums/p...ayoutbase1.jpg)
no-repeat;
}

#blog {
z-index: 1;
position: absolute;
}

#content {
position: absolute;
margin: 0;
padding: 0;
top: 545px;
left: 150px;
width: 500px;
z-index: 1;
padding: 5px;

}

#side {
position: absolute;
text-align: left;
top: 560px;
left: 720px;
width: 226px;
margin: 0px;
padding-bottom: 0px;
z-index: 0;

}

.written {
font-family: Calibri;
font-size: 12px;
color: #fffbe4;
text-align: justify;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
margin-right: 15px;
margin-top: -1px;
border: 1px dashed #fffbe4;
}

.written a:link, a:active, a:visited {
color: #fffbe4;
text-decoration: none;
}

.written a:hover {
color: #fffbe4;
text-decoration: none;
}

#postscript {
color: #fffbe4;
text-align: center;
font-size: 9px;
font-weight: none;
text-transform: normal;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 25px;
}

#postscript span a:link, a:active, a:visited {
color: #fffbe4;
text-decoration: none;
}

#postscript span a:hover{
color: #fffbe4;
text-decoration: none;
}

h1 {
font-family: Calibri;
font-weight: normal;
font-size: 16pt;
text-transform: lowercase;
color: #ffe2e2;
letter-spacing: -1px;
text-align: right;
margin-bottom: -5px;
padding-top: 14px;
padding-left: 0px;
padding-right: 0px;
}

h2 {font-family: Calibri;
font-weight: normal;
font-size: 19px;
letter-spacing: 2px;
color: #ffe2e2;
text-align: right;
margin: 0;
padding-top: 0px;
padding-left: 0px;
padding-right: 35px;
padding-bottom: 0px;
}

h2 a:link, h2 a:active, h2 a:visited, h2 a:hover {
color: white;
text-decoration: uppercase;
}

h3 {
font-family: Calibri;
font-weight: bold;
font-size: 15px;
text-transform: uppercase;
letter-spacing: 2px;
color: #ffe2e2;
text-align: left;
margin: 0;
padding-top: 0px;
padding-left: 0px;
padding-right: 35px;
padding-bottom: 12px;
line-height: 150%;
}

ul {
font-family: Calibri;
font-weight: normal;
color: #fff6f6;
font-size: 12px;
list-style-type: none;
text-transform: lowercase;
margin-top: -10px;
margin-left: 0;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 15px;
text-align: left;
line-height: 130%;
}

ul a:link {
color: #fff6f6;
text-decoration: none;
}

ul a:active {
color: #fff6f6;
text-decoration: none;
}

ul a:visited {
color: #fff6f6;
text-decoration: none;
}

ul a:hover {
color: #fff6f6;
letter-spacing: 2px;
cursor: smile;
}

</style>
</head>

<body>

<div id="main"></div>

<!----------------------------------------------------------------------BLOG--------------------------------------------------------------------------!>

<div id="blog">

<div id="content">
<blog>

<h1><span></span></h1>
<title><h2><span>Keep Your Coins I Want CHANGE

</title></a></span></h2>
<p><div class="written"><span>Like the little bar thing? Here, its means that this is a new entry!!!

<hr>CAN YOU BELIEVE IT? I actually finished construction! See, when I first started the whole HTML thing, It got ALL messed up so I decided to start over again with a new layout!!!</span></div></p>
<div id="postscript">
<span class="comments">
<span style="font-family: times new roman; color: #fff6f6;

font-size: 9pt; text-transform: lowercase; font-weight: bold;">♥ When you think of hyperness, I hope you think of me. ♥</span></font><br>(c) My Bright Ideas (not yours)

2008-FOREVER!<br />

</div>
<p>
</blog>
</div>
<!---------------------------------------------------------------------------------SIDEBAR-----------------------------------------------------------!>
<div id="side">
<div id="myself">
<h3 class="info"><span>WELCOME</span></h3>
<div id="myself"><ul> Hey! Welcome to the new and revised Ecowise!<p>
Here at the HOME PAGE you can find updates and anything else!</p><p>
At the GREEN GUESTBOOK you can leave me a comment or two!</p><p>
The ECO-CENTER is where all the eco-tips, the Tree Huggers Club, and anything else to save the plant is right here!</p><p>
The JUNK DRAWER is where you can find a chat box, fun and games, and maybe a couple of stuff to add to YOUR site!</ul>
</div>

<div id="myself">
<h3 class="info"><span>COMPASS</span></h3>

<ul>
<li><a href="http://ecowise.webs.com">hi-hola-shalom-aloha!</a></li>
<li><a href="http://ecowise.webs.com/greenguestbook.htm">green guestbook</a></li>
<li><a href="http://ecowise.webs.com/eco-center.htm">eco-center</a></li>
<li><a href="http://ecowise.webs.com/junkdrawer.htm">junk drawer</a></li>
<li><a href="http://ecowise.webs.com/webmisstriss.htm">little miss webette</a></li>
</div>

<div id="friends">
<h3 class="links"><span>AFFIES</span></h3>
*sniff* None but myself

<li><a href="http://ecowise.webs.com">ecowise</a></li>

</div>

<div id="tagboard">
<h3 class="taggis">SPARE 100/35 PIXELS?</h3>
<ul><img src="http://i404.photobucket.com/albums/pp121/Ecowiser/link4.gif"><p>
<a href="http://ecowise.webs.com/linkz.htm"><B><font color="YELLOW">MORE?</FONT></B></a></p></li>
</ul>
</div>

<div id="credits">
<h3 class="leavemessage">Thanks To</h3>
This layout picture was made mostly by myself, but with all the coding stuff and some of the graphics were done with the help of all these awesome people!-<li><p>
<a href="http://imyoursuperwoman.blogspot.com/">Jasmine</a>
<a href="http://marinorddahl.deviantart.com/art/suitcase-stories-83783153">1</a>
<a href="http://thm-a03.yimg.com/image/52b27d317826c1a4">2</a>
<a href="http://verde-verde-verde.deviantart.com/art/On-heels-111656332">3</a>
<a href="http://hibbary.deviantart.com/art/Mr-Hat-3919349">4</a>
<a href="http://evaloir.deviantart.com/art/Bra-9143142">5</a>
<a href="http://deconstructedstars.deviantart.com/art/Hedgehog-Handbag-63424424">6</a>
<a href="http://fulviutza.deviantart.com/art/rainbow-001-82021733">7</a>
<a href="http://radio-rocket.net">Radio-Rocket (Marty)</a>
</p></li>
</div>

</body>
</html>

Thanks to anyone who comments!!!!

YellerPuma · 12:55 AM

Quote:

First of all, although you may think you have a doc type, you do not. Replace quoted text with <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

Quote:

Remove this line, we have the language declared in the DOCTYPE.

Quote:

1. YOU DO NOT put arrows <> inside of quote marks "". I will try to give you a correct line to stick in here, but I looked all over, and I can't find $blogencoding$ anywhere and, as far as I know, HTML does not even use the $ symbol.

Correct Line:
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />

Quote:

Let's move this up above the title and insert a forwarslash "/" in front of the end tag so it reads:
<meta name="keywords" content="i'machick" />

Quote:

<!----------------------------------------------------------------------BLOG--------------------------------------------------------------------------!>

Remove ALL these "comments and make sure you put the proper comment back in, like
<!-- Comment -> <!-- Blog -> <!-- Sidebar -> etc.

Quote:

<blog>

<h1><span></span></h1>
<title><h2><span>Keep Your Coins I Want CHANGE </title></a></span></h2>
<p><div class="written"><span>Like the little bar thing? Here, its means that this is a new entry!!!
<hr>CAN YOU BELIEVE IT? I actually finished construction! See, when I first started the whole HTML thing, It got ALL messed up so I decided to start over again with a new layout!!!</span></div></p>
<div id="postscript">
<span class="comments">
<span style="font-family: times new roman; color: #fff6f6;

font-size: 9pt; text-transform: lowercase; font-weight: bold;">♥ When you think of hyperness, I hope you think of me. ♥</span></font><br>(c) My Bright Ideas (not yours) 2008-FOREVER!<br />

</div>
<p>
</blog>

XHTML does not recognize your "blog" tags. Do you need a table in here or a blockquote?

--addresses green text in quote: you can't put <h2> tags in a title...why is a <title> there in the first place? That whole line is totally messed up...you have a </a> tag with no <a href> tag in front... your tags are overlapping each other...

I have not looked at your CSS. If your still having problems we will look at it.

Please reply soon, Thanks

you environmental freaks are sometimes blonde. Recycling is good, I agree, but don't go overboard and well...just don't make it into congress!

Penguino · 23-Apr-2009, 08:43 AM #3

hey, YellerPuma! (i hope i spelled that right

lol)

Thanks so much for the HTML changes, but i gave up a long time ago and found a different code that i could use

But Ill keep your reply in mind if i come across one of those weird HTML things again!

Lol, ya, thanks for the blonde quote thing. Im not that big of an environmentalist (like Al Gore- he just has cool/really weird hair) but i just don't want polar bears to die

YellerPuma · 24-Apr-2009, 12:36 AM #4

Alright, Glad you found what you wanted.

-YellerPuma

tomdkat · 24-Apr-2009, 07:25 PM #5

Quote:

Originally Posted by YellerPuma

Remove ALL these "comments and make sure you put the proper comment back in, like
<!-- Comment -> <!-- Blog -> <!-- Sidebar -> etc.

Why do you consider the original comment "not proper"?

EDIT: Ah, I see, nevermind.

Peace...

Tag Cloud
access acer asus bios bsod computer crash desktop dns driver drivers error ethernet excel freeze gaming graphics hard drive hardware hdmi internet laptop malware memory monitor motherboard network printer problem ram registry repair router slow software sound trojan ubuntu 11.10 uninstall usb video virus vista wifi windows windows 7 windows 7 32 bit windows 7 64 bit windows xp wireless

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

Search
Search for:

Find the solution to yourcomputer problem!

Find the solution to your
computer problem!