Firefox compared to Internet Explorer ..should this be.. [Archive]

Click to See Complete Forum and Search --> : Firefox compared to Internet Explorer ..should this be..

Rodster

06-01-2006, 07:33 AM

Hello

I've designed my web page in Notepad...
when i open it in Firefox.. it looks great.. the way it is supposed to be....
but when i open it in Internet Explorer.. the images,text...ect are all over the place... this is confusing....

does anyone have any ideas as to why this is?

cheers

TheBearMay

06-01-2006, 07:39 AM

As a general theme you'll find that IE has a few flaws in its presentation layer implementation. If you post some code (probably the CSS forum), and some specific questions related to it, I'm sure someone here can point the way through the MS maze.

Charles

06-01-2006, 07:49 AM

Keep in mind also, that different browsers recover differently from errors. Do post the URL.

Rodster

06-01-2006, 07:54 AM

Charles

06-01-2006, 08:01 AM

Go to http://validator.w3.org/ and check your work.

Rodster

06-01-2006, 08:04 AM

ok. thanks

TheBearMay

06-01-2006, 09:39 AM

Cheers for the responses so quickly

I have yet to upload the webpage...

It's for a assignment.. and we can't use CSS just basic html... but i can paste my code umm.. where abouts could i paste that? ... or msn perhaps if thats ok...i don't want anyone to do it for me... i'm after some opinions...

thanks
I'd probably start in the HTML Forum then, or you can post it to this thread (inside the [ code][/ code] tags please) and I'll move the thread.

Rodster

06-01-2006, 10:19 AM

<html>

<title> Female scenario </title>

<body>

<body background="Images/backround.jpg">

<TABLE width"960">
<center>
<IMG SRC="Images/Bannerfemale.jpg" border="6">
</center>

<tr></tr>
</table>

<br>
<br>

<table border="10" width="760" height="500" align="center" bordercolor="#cc00cc" bgcolor="#ff99ff" cellspacing="10" cellpadding="10">
<tr></tr>

<td align="center" ><img src="Images/female3.jpg" border="8" ></td>
<td align="center" ><img src="Images/female4.jpg" border="8" ></td>

</tr>

<td align="center"><font face="verdana" size="3"> Text here </font> </td></center>

<td align="center"> <font face="verdana" size="3"> Text here </font> </td></center>

</tr>

</table>

<br>

<table border="10" align ="right" bordercolor="black" bgcolor="white">

<td> <b><center> <a href="Main.html">Main</center></b></td>

</table>

<table border="10" align ="left" bordercolor="black" bgcolor="white">

<td> <b><left> <a href="female.html">Back</b></td>

</table>

</body>
</html>

Charles

06-01-2006, 10:35 AM

As I expected, a very great many errors. Do use the validator.

And do not use TABLEs for layout.

the tree

06-01-2006, 10:44 AM

You're being taught this? If anyone is teaching you like that, get a new teacher.

This is a lot more consitent, however, the browsers don't agree on how to display outset borders.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>
Female scenario
</title>
<style type="text/css">

</style>
</head>
<body>
<h1>
<img src="Images/Bannerfemale.jpg" alt="Female scenario">
</h1>
<table>
<tr>
<th>
<img src="Images/female3.jpg">
</th>
<th>
<img src="Images/female4.jpg">
</th>
</tr>
<tr>
<td>
Text here
</td>
<td>
Text here
</td>
</tr>
</table>
<p class="navigate">
<a href="Main.html">Main</a> <a href="female.html">Back</a>
</p>
</body>
</html>

Charles

06-01-2006, 11:07 AM

There are, however, several problems with the tree's example.

There are two current versions of HTML ( http://www.w3.org/MarkUp/#previous ) and every HTML document must start with the declaration of the version with the DOCTYPE element. The two versions are 3.2 and 4.01 but when, in 1997, 4 came out a transitional type was adopted to get us over the hump until browsers supported 4. That time has long passed and you should not be using HTML 4.01 transitional.

Also of note is that the HTML, HEAD and BODY tags are all optional but you must state the character encoding and the TITLE. For the two types the minimum required is:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<meta content="iso-8859-1" http-equiv="Content-Type">
<title>My Happy Mark Up</title>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<meta content="iso-8859-1" http-equiv="Content-Type">
<title>My Happy Mark Up</title>HTML 4.01 is the current version and is what you should use in the real world. But with it you can't use TABLEs for layout and all presentation is done with CSS. If you're not allowed to use CSS yet either get used to a very boring page or use 3.2.

As an aside, CSS layouts are far easier than TABLE layouts.

But I can't say anything more important than this, use the The Validator (http://validator.w3.org/) with each and every page.

the tree

06-01-2006, 12:13 PM

That time has long passed and you should not be using HTML 4.01 transitional.I'd disagree, when you're transisting from old timey markup to shiny new standards, transitional is the way to go.
If I had used strict then the OP would have tried mixing in their old HTML 3.2, thrown the browsers into quircks mode and got themself awfully confused.
Good call on declaring the encoding though.

It's true to say that my example wasn't good, but it works.

kiwibrit

06-01-2006, 12:34 PM

...........But with it you can't use TABLEs for layout .............

I'd say that, in part, layout is achieved with the use of colgroup and its elements (http://www.w3.org/TR/html4/struct/tables.html#h-11.2.4) where tables that are being correctly used.

.....The Validator (http://validator.w3.org/) with each and every page.

The WDG validator (http://www.htmlhelp.com/tools/validator/) seems a pretty neat validator - and it can do an entire site. I recently stripped all the transitional coding from a site - and was glad WDG was there to have a global look. I did use w3c when I was in any doubt - and I use w3c each time I am preparing a new page.

the tree

06-01-2006, 01:28 PM

I don't suppose you read the page you linked to?The HTML table model allows authors to arrange data.Tables should not be used purely as a means to layout document contentAuthors should use style sheets to control layout rather than tables.

kiwibrit

06-01-2006, 03:50 PM

Oh, bit I did :D

I have been using it for reference quite a bit lately.

The HTML table model allows authors to arrange data laid out in a table.

Exactly. I did say "where tables are being correctly used". ie for tabular data.

Tables should not be used purely as a means to layout document content.

Exactly. No argument there.

Authors should use style sheets to control layout rather than tables.

I quite agree. However, if one is using a table correctly, ie to display data, colgroup assists in the table layout. Almost certainly, you will need CSS, too.

Actually, I suspect we probably feel the same about this. Perhaps we are separated by a common language. ;)

Rodster

06-01-2006, 10:37 PM

Thanks for all the responsed.. that html validation web site i found very useful

Thanks