Problems with IE6.0 and stylesheets :-(

#1

I hope someone may be able to help please!

Have a look at this site which I'm developing - http://tinyurl.com/6d4nr

As you will see if you look at it in IE6, the browser has completely screwed
the stylesheet and knocked the logo over too far etc. I've checked it out
in Mozilla, Netscape 7, Opera and Firefox and it's working fine.

Any ideas what I can do to get IE to work but then not to cause the other
browsers to get screwed?

Any help would be gratefully appreciated! :-)

Thanks in advance

--
IanUK
Hertfordshire, UK

#2

IanUK wrote:

Quote:

I hope someone may be able to help please!

Have a look at this site which I'm developing -
http://tinyurl.com/6d4nr

Please don't post tinyurls to your site. Nobody knows where they
really lead, and may be reluctant to visit.

Quote:

As you will see if you look at it in IE6, the browser has
completely screwed the stylesheet and knocked the logo over too far
etc. I've checked it out in Mozilla, Netscape 7, Opera and Firefox
and it's working fine.

Any ideas what I can do to get IE to work but then not to cause the
other browsers to get screwed?

I think the problem may be that you have used the keyword "body" in
your markup, and CSS, to indicate a content column. One of the
browsers interprets that as the <body> of the document.

Change <div id="body"> to something relevant, like
<div id="maincontent"> or other significant descriptive word, in your
HTML and CSS.

Add a DOCTYPE to the page and visit:
<http://validator.w3.org/check?verbose=1&uri=http%3A//homepage.ntlworld.com/i.anker/re/default.htm>

There are some errors.

Why stuff like this? Why not just put the menu on the page?
http://homepage.ntlworld.com/i.anker/re/css/footer.js
http://homepage.ntlworld.com/i.anker/re/css/date.js

--
-bts
-This space intentionally left blank.

#3

"Beauregard T. Shagnasty" <a.nony.mous (AT) example (DOT) invalid> wrote

Quote:

IanUK wrote:

I hope someone may be able to help please!

Have a look at this site which I'm developing -
http://tinyurl.com/6d4nr

Please don't post tinyurls to your site. Nobody knows where they
really lead, and may be reluctant to visit.

Thanks for the feedback - sorry I didn't realise about TinyURLs. The actual
address is:

http://homepage.ntlworld.com/i.anker/re/default.htm

Quote:

As you will see if you look at it in IE6, the browser has
completely screwed the stylesheet and knocked the logo over too far
etc. I've checked it out in Mozilla, Netscape 7, Opera and Firefox
and it's working fine.

Any ideas what I can do to get IE to work but then not to cause the
other browsers to get screwed?

I think the problem may be that you have used the keyword "body" in
your markup, and CSS, to indicate a content column. One of the
browsers interprets that as the <body> of the document.

Change <div id="body"> to something relevant, like
div id="maincontent"> or other significant descriptive word, in your
HTML and CSS.

I'll have a look at changing the div id="body" and then see if that works
and try the validation again.

Quote:

Add a DOCTYPE to the page and visit:

http://validator.w3.org/check?verbos....ntlworld.com/

i.anker/re/default.htm>

Quote:

There are some errors.

Why stuff like this? Why not just put the menu on the page?
http://homepage.ntlworld.com/i.anker/re/css/footer.js
http://homepage.ntlworld.com/i.anker/re/css/date.js

The only reason I put the footer.js and date.js on is so that I can update

one file and then this will make changes across the whole of the site. Not
so crucial at the moment as this site is only three pages but could be more
important later on if there are more pages. Is there an accessible way of
doing this (or similar) but without resorting to javascripts?

Thanks again.

--
IanUK
Hertfordshire, UK

#4

Beauregard T. Shagnasty <a.nony.mous (AT) example (DOT) invalid> wrote:

Quote:

IanUK wrote:

I hope someone may be able to help please!

Have a look at this site which I'm developing -
http://tinyurl.com/6d4nr

Please don't post tinyurls to your site. Nobody knows where they
really lead, and may be reluctant to visit.

Not to mention they time out, and as such are useless for archiving
purposes - one of the good features of Usenet.

#5

IanUK wrote:

Quote:

"Beauregard T. Shagnasty" <a.nony.mous (AT) example (DOT) invalid> wrote in
message news:34akuiF48g1j7U1 (AT) individual (DOT) net...

Please don't post tinyurls to your site. Nobody knows where they
really lead, and may be reluctant to visit.

Thanks for the feedback - sorry I didn't realise about TinyURLs.
The actual address is:

http://homepage.ntlworld.com/i.anker/re/default.htm

Ok...

Quote:

I'll have a look at changing the div id="body" and then see if that
works and try the validation again.

Let us know.

....

Quote:

Why stuff like this? Why not just put the menu on the page?
http://homepage.ntlworld.com/i.anker/re/css/footer.js
http://homepage.ntlworld.com/i.anker/re/css/date.js

The only reason I put the footer.js and date.js on is so that I can
update one file and then this will make changes across the whole of
the site. Not so crucial at the moment as this site is only three
pages but could be more important later on if there are more pages.
Is there an accessible way of doing this (or similar) but without
resorting to javascripts?

http://www.allmyfaqs.com/faq.pl?Incl...ile_in_another

Check with your host about using SSI - server side includes. Makes it
very easy.

--
-bts
-This space intentionally left blank.

#6

Neal <neal413 (AT) yahoo (DOT) com> wrote:

Quote:

Beauregard T. Shagnasty <a.nony.mous (AT) example (DOT) invalid> wrote:

IanUK wrote:

I hope someone may be able to help please!

Have a look at this site which I'm developing -
http://tinyurl.com/6d4nr

Please don't post tinyurls to your site. Nobody knows where they
really lead, and may be reluctant to visit.

Not to mention they time out, and as such are useless for archiving
purposes - one of the good features of Usenet.

That's a little besides the point for the purpose at hand. If I give a
URL for a page I've posted to the Internet in order to solicit some
help here, there's no reason for anyone to assume it'll still be there
a week from now, let alone that it will be an archive for the ages.

--
Harlan Messinger
Remove the first dot from my e-mail address.
Veuillez ôter le premier point de mon adresse de courriel.

#7

Harlan Messinger <hmessinger.removethis (AT) comcast (DOT) net> wrote:

Quote:

Neal <neal413 (AT) yahoo (DOT) com> wrote:
Beauregard T. Shagnasty <a.nony.mous (AT) example (DOT) invalid> wrote:
Please don't post tinyurls to your site. Nobody knows where they
really lead, and may be reluctant to visit.

Not to mention they time out, and as such are useless for archiving
purposes - one of the good features of Usenet.

That's a little besides the point for the purpose at hand. If I give
a
URL for a page I've posted to the Internet in order to solicit some
help here, there's no reason for anyone to assume it'll still be
there
a week from now, let alone that it will be an archive for the ages.

Though it is true what you say, there are resources and sites to which
a normal URL is superior to a tiny one, but never the other way around
IMO.

#8

Ive looked at your site in two browsers: IE6 (SP2) and Firefox, and apart
from the fact that everything is larger in IE, I can't see any significant
difference.

I'm looking at the site on my 1920x1200 screen (vast) and you get a vertical
bar 2/3 of the width from the left, with the text crossing it - obviously
not what you intended (but few people currently use such wide screens). The
difference you see may be due to the "magnification" of IE (I presume that's
something to do with IE's default font/size but I've never fathomed it - I
just take it as "different"). The different scaling may be triggering
wrapping behaviour which would be there if you shrank Firefox a bit. I'll
send you a screenshot (48K) separately of your site in Firefox, maximised on
my system.

I'm a bit dismayed to see your email address is in the clear. You may soon
be asking about spam filters (google for Brightmail, Spam Assassin,
SpamBayes and Spamihlator).

--
####################
## PH, London
####################
"IanUK" <i.anker (AT) ntlworld (DOT) com> wrote

Quote:

I hope someone may be able to help please!

Have a look at this site which I'm developing - http://tinyurl.com/6d4nr

As you will see if you look at it in IE6, the browser has completely
screwed
the stylesheet and knocked the logo over too far etc. I've checked it out
in Mozilla, Netscape 7, Opera and Firefox and it's working fine.

Any ideas what I can do to get IE to work but then not to cause the other
browsers to get screwed?

Any help would be gratefully appreciated! :-)

Thanks in advance

--
IanUK
Hertfordshire, UK

#9

In article <opskap03b86v6656 (AT) news (DOT) individual.net>,
Neal <neal413 (AT) yahoo (DOT) com> wrote:

Quote:

Beauregard T. Shagnasty <a.nony.mous (AT) example (DOT) invalid> wrote:
(snip)
Please don't post tinyurls to your site. Nobody knows where they
really lead, and may be reluctant to visit.

Not to mention they time out, and as such are useless for archiving
purposes - one of the good features of Usenet.

Actually, ones from tinyurl.com don't time out.

-- Mark

#10

IanUK wrote:

Quote:

The only reason I put the footer.js and date.js on is so that I can update
one file and then this will make changes across the whole of the site. Not
so crucial at the moment as this site is only three pages but could be more
important later on if there are more pages. Is there an accessible way of
doing this (or similar) but without resorting to javascripts?

The problem with javascript is that not everybody has it turned on, or

even available, in their browser. That's the downfall of client-side
scripting.
I personally prefer PHP although there are other scripting languages
like JSP or ASP.
Using PHP makes site changes much simpler. Change a function once, the
whole site is updated.
PHP generates most of the semi-static parts of a page: the header,
footer, banners, and especially the menus. For instance, the header
function receives the title string as an argument; everything else is
automatic.
The menu generator is where PHP shines for me. Usually there is one
small change in the menu for each page. The generator takes an argument
that makes the change for me. Poof! Custom menu for each page.
With all HTML pages I was having to update 10s of files every time I
changed a menu. Now it is just one file.
This has the worthy side-effect that your site's look is consistent for
all pages.

--
jmm dash list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)