11 replies [Last post]
jo_ho
Offline
Enthusiast
Last seen: 15 years 18 weeks ago
Joined: 2005-01-17
Posts: 67
Points: 0

Hia, got this site to work in most browsers for windows, but dont have a mac and i am making it for someone with a mac, so would like it to work on their computer, could someone please have a look on IE and let me know if all seems in order,

Thanks

marlyred
Offline
Regular
Last seen: 17 years 41 weeks ago
Joined: 2004-12-20
Posts: 11
Points: 0

Please check this site in a mac (IE 5)

which site?

jo_ho
Offline
Enthusiast
Last seen: 15 years 18 weeks ago
Joined: 2005-01-17
Posts: 67
Points: 0

Please check this site in a mac (IE 5)

*beep* sorry mate, can't believe i forgot that, here it is:

www.nant-y-cwm.co.uk/Webmaster/rich/index.html

pete-rsv
Offline
newbie
Last seen: 17 years 36 weeks ago
Joined: 2005-01-19
Posts: 1
Points: 0

Doesnt quite work in Mac IE 5.2

Site doesnt quite work in Mac IE5.2 plus I think you have spelt Residential wrong, you have put resEdential.

The Richard Green bit is right on screen just not in my screenshot thing below...

jo_ho
Offline
Enthusiast
Last seen: 15 years 18 weeks ago
Joined: 2005-01-17
Posts: 67
Points: 0

Thanks

Thanks mate, noticed the resEdential yesturday, screen shot will be very useful, cheers

jo_ho
Offline
Enthusiast
Last seen: 15 years 18 weeks ago
Joined: 2005-01-17
Posts: 67
Points: 0

Please check this site in a mac (IE 5)

Hi,

pete-rsv or anyone else with a mac please check my site again and give me an updated screenshot,
thanks loads an loads

www.nant-y-cwm.co.uk/Webmaster/rich/index.html

imladris
Offline
newbie
Last seen: 17 years 36 weeks ago
Timezone: GMT+1
Joined: 2005-01-20
Posts: 9
Points: 0

Please check this site in a mac (IE 5)

Page looks fine just after it has loaded, with the background image correctly aligned (not in this screenshot), but the roll over images to the left don't work correctly (as seen in screenshot).

When I change the text size, the background image moves as in the screenshot, for the two larger text sizes. When I change back to the smallest text size, the background image is right again.

Also, if you're interested, Safari is nowadays the default browser in new Macs. Unfortunately the background image is not right in that browser either, but the roll overs work. I can post a screenshot of that if you want.

imladris
Offline
newbie
Last seen: 17 years 36 weeks ago
Timezone: GMT+1
Joined: 2005-01-20
Posts: 9
Points: 0

Please check this site in a mac (IE 5)

Changing the background-position value to

background-position 0 0;

(ie *not* 0, Innocent inside .main in styles1.css, styles2.css and styles3.css fixes all the background image issues in Internet Explorer and Safari.

imladris
Offline
newbie
Last seen: 17 years 36 weeks ago
Timezone: GMT+1
Joined: 2005-01-20
Posts: 9
Points: 0

Please check this site in a mac (IE 5)

Changing the background value in the a:hover elements in the css files from
background: #f3f3f3 url(../art/links/home.jpg) 0px 45px;
to
background: #f3f3f3 url(../art/links/home.jpg) 0px -45px;
(ie put a - in front of 45) fixes the rollover images in Internet Explorer for Mac.

Also, you should put a <p></p> around the first paragraph in the .main div, which fixes a font size issue in Safari.

After all these things are changed, your page looks fine in IE 5.2.3 Mac, Safari 1.2.4, Firefox 1.0, Opera 7.5 and Omniweb 5.1. Laughing out loud I hope all things still work in Windows after the changes, can't check that.

It doesn't validate, but maybe it's ok with you. [/url]

Lorraine
Lorraine's picture
Offline
Elder
UK
Last seen: 16 years 6 weeks ago
UK
Timezone: GMT+1
Joined: 2005-01-04
Posts: 1001
Points: 0

Please check this site in a mac (IE 5)

Hi jo_ho,
About the earlier solution from imladris. If only 'someone' had tried to validate the css earlier:

Quote:
Errors
URI : http://www.nant-y-cwm.co.uk/Webmaster/rich/css/style1.css
* Line: 39 Context : .main
Invalid number : background-position, is an incorrect operator : 0,0

You have used a specialised font family and, at a guess, not too many people will have that loaded on their computer. This means that browsers will use the default or user preference font. In FF I get Times/Times New Roman, in IE I get Verdana but only because I have set it as a preference for testing purposes.

There is a css validation warning:

Quote:
URI : http://www.nant-y-cwm.co.uk/Webmaster/rich/css/style1.css
* Line : 67 font-family: You are encouraged to offer a generic family as a last alternative
* Line : 100 font-family: You are encouraged to offer a generic family as a last alternative
* Line : 148 font-family: You are encouraged to offer a generic family as a last alternative
* Line : 211 font-family: You are encouraged to offer a generic family as a last alternative

I have no idea how your chosen font family is meant to look, but try:

Quote:
font-family: "Maiandra GD", arial , sans-serif;
Put it in the body and you won't have to repeat font-family elsewhere. If site visitors have got Maiandra GD on their computers, they will see exactly what you wanted, otherwise they will get arial then, as a final resort, a generic sans-serif font.

Nice site. I see you are sticking with resEdential. Perhaps very appropriate given the subject matter : res Eden tial.Wink

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 7 years 38 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Please check this site in a mac (IE 5)

A good example of why it's so important to validate and correct any errors highlighted .

imladris wrote:
It doesn't validate, but maybe it's ok with you.


I would say that if one has gone to the trouble of using a correct DTD and of writing standards code then it must pass the validator!

jo_ho one thing I noticed is that you have fixed a very wide page size
causing the page to scroll off to the right with those horrible horizontal scroll bars it's still best to design for 800*600 screens really, allowing for the ua sidebar/scrollbars something along the lines of 720px/760px or better still design for a fluid layout.

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

jo_ho
Offline
Enthusiast
Last seen: 15 years 18 weeks ago
Joined: 2005-01-17
Posts: 67
Points: 0

Please check this site in a mac (IE 5)

Hia,

Thanks for all teh tips people,
Fistly, usually i make the website then get it to validate, i think ill be doping that bnext,
as for making the site 800x600, I dont really know if its worth doing becouse the majority of people use 1024, if i had it fitting 800x600 it might look a bit small in 1024, though i could possible use percentages for sizes i dont think its worth it, i ill make correction every one has surgested later on, thanks for help