PDA

Click to See Complete Forum and Search --> : IE and FF

Rulez3200.co.uk
09-12-2006, 07:23 AM
Hello i am just starting out with HTML and have built a simple site http://rulez3200.co.uk . It looks rubbish at the moment as i have alot of graphics and things to put in. The main problems are in IE you get the background colour but not the top logo and in Firefox you get the top logo but not the background colour. How can i fix this?

Also with the links on the left hand side they open up in that little frame on the left how can i make them open up on the right.

Here is all my code:

FRAMESET

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/1999/REC-html401-19991224/frameset.dtd"><html>
<head>
<title>Rulez3200.co.uk</title>
</head>
<frameset cols="12%,*">
<frame src="menu.html">
<frame src="content.html">
</frameset>
</html>

LEFT FRAME

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Menu</title>
</head>
<BODY BGCOLOR="7FFFD4">
<p> Rulez3200.co.uk</p><br><p>Links</p>
<a href="index.htm">Home</a> <br>
<a href="forum.htm">Forum</a> <br>
<a href="myspace.htm" target="content">Myspace</a>
</body>
</html>

RIGHT FRAME

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Rulez3200.co.uk</title>
</head>
<body>
<BODY BGCOLOR=7FFFD4
<img src="http://rulez3200.co.uk/Rulez3200.png">
<p style="font-size: 150%;">Welcome to Rulez3200.co.uk</p>
<p><br></p>
<p>This site is still being built so check back soon!!!<p>
<img src="http://rulez3200.co.uk/check.gif">
<p style="text-align: center;">
Site built by Mark!
</p>
</body>
</html>

If someone could tell me what is wrong id be very greatful

Thanks Mark On behalf of Rulez3200.co.uk
sincilite
09-12-2006, 07:38 AM
Having a really quick look through, your background colour problem is probably to to with your syntax

You have:

<BODY BGCOLOR="7FFFD4">

Should be

<BODY BGCOLOR="#7FFFD4">

But if you're new to HTML forget the frames and the inline styles and take the time to learn proper valid, accessable XHTML and CSS. It'll make things alot easier in the long run.
Rulez3200.co.uk
09-12-2006, 07:45 AM
U supposedly dont need the # in HTML 4.01 it was just the older versions that you did. Anyone else help with any other problems i have?
Rulez3200.co.uk
09-12-2006, 08:08 AM
Ive sorted the links between the site so now my problem is the background and top Logo. Is there different code between IE and FF
WebJoel
09-12-2006, 08:19 AM
<html>
<head>
<title>Rulez3200.co.uk</title>
</head>
<body>
<BODY BGCOLOR=7FFFD4
<img src="http://rulez3200.co.uk/Rulez3200.png">
<p style="font-size: 150%;">Welcome to Rulez3200.co.uk</p>
<p><br></p>
<p>This site is still being built so check back soon!!!<p>
<img src="http://rulez3200.co.uk/check.gif">
<p style="text-align: center;">
Site built by Mark!
</p>
</body>
</html>

Yeah, for starters, you didn't close your opening <body> tag
<BODY BGCOLOR=7FFFD4 ???
Rulez3200.co.uk
09-12-2006, 08:21 AM
W3C stated it didnt need to be there when i did the validation earlier. i have put it back and it is still exactly the same.
Rulez3200.co.uk
09-12-2006, 08:22 AM
Ohhh thank you when u said that it made me look at my code again and i have found the problem One extra space :D
sincilite
09-12-2006, 08:25 AM
I still think you need the "#" in your bgcolor - as firefox wont show it if it isn't there.
drhowarddrfine
09-12-2006, 08:27 AM
You are using multiple body elements which is confusing the browser. Take one of them out. Also, styling of elements should be done using css. In your body element do this:
<body style="background-color:#7fffd4">

IE is old, buggy and bad at standards compliance. This is why you may eventually see differences between the two. Firefox is modern and pretty good with standards, as is Opera, Safari and any other browser. So get your page to work using one of those, then adjust for IEs quirks and bugs. (No, IE7, though improved, is still way behind in standards compliance)
Rulez3200.co.uk
09-12-2006, 09:53 AM
Thanks all. http://rulez3200.co.uk is working with everything on there that i have done so far. I hope you wont mind me asking more questions when and if needed. Thanks all