Mac Problems

[Hemmer]

I recently finished designing my bands website: http://www.force10theband.co.uk. I was pleased with it because it worked in IE, FF, and Opera and works fine. (W3C compliant too)

But when I viewed it on my mates Imac, the content section is pushed off to the far left. the crazy thing is, it was IE for Macs.

Firstly, can any other Mac users confirm this.

Secondly, is there any ways for XP users to test sites on a Mac Browser/OS without actually buying a Mac (as much as I'd like to, I can't afford it).

[Kravvitz]

Try specifying a left margin on #cont.
#cont {
margin-left: 119px;
width:510px;
background:#ffffff;
color: #333333;
border:solid #000000;
border-width:0 0 0 1px;
text-align:left;
padding: 5px 10px 5px 10px;
}

You should use a <ul> for that nav bar. These two articles explain how to style lists.
http://www.alistapart.com/articles/taminglists/
http://css.maxdesign.com.au/listutorial/

Don't use the align attribute on <div>s.

IE/Windows and IE/Mac were developed by different groups within Microsoft, so they often render pages differently.

http://www.browsercam.com/
http://www.dynamicsitesolutions.com/services/

[Hemmer]

Cool. Thanks for the advice.

btw: Why shouldn't I use aligns on the divs?

Before I kept having to do <div align="centre">Some text</div>.. or whatever, now I put align = "centre"; in the CSS. Is this what you mean?

[felgall]

IE has been a windows only browser for many years. Microsoft abandoned updating the Mac version last Century and officially killed it in 2003. People using Macs should be using Safari, Firefox, Opera or any of the other web browsers still available and anyone who insists on using IE on the Mac should expect to see web pages about as well as anyone using Netscape 3 on Windows can see it.

The align attribute is deprecated and should no longer be used as there are stylesheet commands that handle placement.

<style>
.left {float:left}
.right {float:right}
.centre {margin:0 auto}
</style>
<div class="left">left aligned</div>
<div class="right">right aligned</div>
<div class="centre">centred</div>

[Kravvitz]

People using MacOS 8 or 9 are stuck with IE/Mac.

Yes, the align attribute is deprected in favor of CSS, because X/HTML is for giving structure and meaning to a document while CSS is intended to be used to give style to that structure.

[Hemmer]

Yeah I was Mac OS 9. In which case I'm not too worried about it acting wierd.
Thanks for the advice guys - learn something new every day. :D

[felgall]

From the Opera web site:

Mac users on OS 8 or 9 should download Opera 6.03.

So saying that they only have access to use a web browser that died three years ago is not true.

[Kravvitz]

Opera 6 isn't much better than IE5/Mac.

I'd recommend Mozilla 1.2 (http://archive.mozilla.org/pub/mozilla/releases/mozilla1.2b/) instead.