/    Sign up×
Community /Pin to ProfileBookmark

Firefox compared to Internet Explorer ..should this be..

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

to post a comment
HTML

15 Comments(s)

Copy linkTweet thisAlerts:
@TheBearMayJun 01.2006 — 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.
Copy linkTweet thisAlerts:
@CharlesJun 01.2006 — Keep in mind also, that different browsers recover differently from errors. Do post the URL.
Copy linkTweet thisAlerts:
@RodsterauthorJun 01.2006 — 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
Copy linkTweet thisAlerts:
@CharlesJun 01.2006 — Go to http://validator.w3.org/ and check your work.
Copy linkTweet thisAlerts:
@RodsterauthorJun 01.2006 — ok. thanks
Copy linkTweet thisAlerts:
@TheBearMayJun 01.2006 — 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[/QUOTE]

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.
Copy linkTweet thisAlerts:
@RodsterauthorJun 01.2006 — <i>
</i>
&lt;html&gt;



&lt;title&gt; Female scenario &lt;/title&gt;

&lt;body&gt;

&lt;body background="Images/backround.jpg"&gt;

&lt;TABLE width"960"&gt;
&lt;center&gt;
&lt;IMG SRC="Images/Bannerfemale.jpg" border="6"&gt;
&lt;/center&gt;

&lt;tr&gt;&lt;/tr&gt;
&lt;/table&gt;


&lt;br&gt;
&lt;br&gt;

&lt;table border="10" width="760" height="500" align="center" bordercolor="#cc00cc" bgcolor="#ff99ff" cellspacing="10" cellpadding="10"&gt;
&lt;tr&gt;&lt;/tr&gt;

&lt;td align="center" &gt;&lt;img src="Images/female3.jpg" border="8" &gt;&lt;/td&gt;
&lt;td align="center" &gt;&lt;img src="Images/female4.jpg" border="8" &gt;&lt;/td&gt;


&lt;/tr&gt;



&lt;td align="center"&gt;&lt;font face="verdana" size="3"&gt; Text here &lt;/font&gt; &lt;/td&gt;&lt;/center&gt;

&lt;td align="center"&gt; &lt;font face="verdana" size="3"&gt; Text here &lt;/font&gt; &lt;/td&gt;&lt;/center&gt;

&lt;/tr&gt;

&lt;/table&gt;

&lt;br&gt;

&lt;table border="10" align ="right" bordercolor="black" bgcolor="white"&gt;

&lt;td&gt; &lt;b&gt;&lt;center&gt; &lt;a href="Main.html"&gt;Main&lt;/center&gt;&lt;/b&gt;&lt;/td&gt;

&lt;/table&gt;

&lt;table border="10" align ="left" bordercolor="black" bgcolor="white"&gt;

&lt;td&gt; &lt;b&gt;&lt;left&gt; &lt;a href="female.html"&gt;Back&lt;/b&gt;&lt;/td&gt;

&lt;/table&gt;


&lt;/body&gt;
&lt;/html&gt;

Copy linkTweet thisAlerts:
@CharlesJun 01.2006 — As I expected, a very great many errors. Do use the validator.

And do not use TABLEs for layout.
Copy linkTweet thisAlerts:
@the_treeJun 01.2006 — You're being [i]taught[/i] 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.[code=html]<!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">
<!--
body{
background-image: url(Images/backround.jpg);
text-align: center;
}
h1 img{
border: 6px solid #000;
}
table{
border: 10px outset #c0c;
width: 760px;
height: 500px;
background-color: #f9f;
margin: auto;
border-collapse: collapse;
}
td, th{
text-align: center;
vertical-align: middle;
border: 10px outset #c0c;
font-family: Verdana, sans-serif;
}
th img{
border: 6px solid #000;
}
p.navigate{
padding: 3em;
}
p.navigate a{
border: 10px outset #444;
color: blue;
text-decoration: none;
margin: 4em 7em;
}
-->
</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>[/code]
Copy linkTweet thisAlerts:
@CharlesJun 01.2006 — 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 [i]must[/i] state the character encoding and the TITLE. For the two types the minimum required is:[code=html]<!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>[/code]
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 [url=http://validator.w3.org/]The Validator[/url] with each and every page.
Copy linkTweet thisAlerts:
@the_treeJun 01.2006 — That time has long passed and you should not be using HTML 4.01 transitional.[/QUOTE]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.
Copy linkTweet thisAlerts:
@kiwibritJun 01.2006 — ...........But with it you can't use TABLEs for layout .............[/QUOTE]

[edited to clarify]

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

[/edit]

.....[url=http://validator.w3.org/]The Validator[/url] with each and every page.[/QUOTE]

The [url=http://www.htmlhelp.com/tools/validator/]WDG validator[/url] 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.
Copy linkTweet thisAlerts:
@the_treeJun 01.2006 — I don't suppose you read the page you linked to?The HTML table model allows authors to arrange data.[/quote]Tables should not be used purely as a means to layout document content[/quote]Authors should use style sheets to control layout rather than tables.[/quote]
Copy linkTweet thisAlerts:
@kiwibritJun 01.2006 — Oh, bit I did ?

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.
[/QUOTE]


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.
[/QUOTE]


Exactly. No argument there.


Authors should use style sheets to control layout rather than tables.
[/QUOTE]


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. ?
Copy linkTweet thisAlerts:
@RodsterauthorJun 02.2006 — Thanks for all the responsed.. that html validation web site i found very useful

Thanks
×

Success!

Help @Rodster spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 6.17,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...