Need help! My website works on Mac but not on PC

[KimberleyCreative]

Recently I updated my website. I use a Mac, which displays it exactly how I want it to look. But, when I go to my website on a Windows PC, the layout is mashed.

I'm looking for some help from someone who uses a PC. I can e-mail the CSS and some example pages if needed. If someone could tell me how to fix, I'll apply the method to all the pages.

Thanks in advance!

[kip]

The first thing to do is run your code through an html cleanup app, it will take all the massive gaps out and make it easier to spot what's wrong.

You've got
if gte IE 5

I wouldn't bother with IE5 not worth the hassle.

[Toon]

Agreed, the code needs to be cleaner to find the errors.

Get rid of all

<br />

Use margins for spaces not breaks.

The css validator is throwing up this error

23  	 #topbar  	 Value Error : height  Unknown dimension  15tpx

Seems there's an extra t somewhere.

It seems some of your commenting is effecting it as well..

Line 124, Column 28: document type does not allow element "div" here; missing one of "object", "ins", "del", "map", "button" start-tag.
<div class="articleboxouter"><!-- Here's where you can place ur content -->

What created the commenting or have you entered it yourself?

[zumojuice]

What are you designing with?

[kip]

Get rid of the random image tag at the start, this won't help if your first line of code in the body is invalid

<img /><!--[if gte IE 5]><style>#container {margin-left: -351px;}</style><![endif]--><!-- Master Container: Centered and 700px wide --><div id="container"><!-- The topmost bar --><div id="topbar"> </div>

Your first part is a closed image tag, there is no open tag I can see so it's confussing IE maybe?

[Mailno]

What ever program you have allowed to write your code for you has done a really bad job of it.

</div>




</div>




<br />




<br />



<br />




<br />




<br />




<br />




<br />




<br />




<br />



<br />




<br />




<br />



<br />




<br />




<br />




<br />




<br />




<br />




<br />



<br />




<br />




<br />




<br />




<br />




<br />




<br />



<br />




<br />




<br />



<br />




<br />




<br />




<br />




<br />




<br />




<br />



<br />


<br />


<br />


<br />
<br />
<br />
<br />
<br />
<br />

<br />
<br />
<br />
<br />
<br />
<br />
<br />




<br />




<br />




</span><span style="font-weight: bold;">

I don't know what that is about but if you were on a PC I'd say that's a MS fontpage style string of coding.

[Toon]

<span style="font-weight: normal;">My name is Kimberley, I
am the
owner of Kimberley Creative. I live in Melbourne Australia, but I offer
Graphic Design services worldwide. I offer a wide range of affordable
freelance
Graphic Design services and printing with VistaPrint.</span><br style="font-weight: normal;" />

All the font styles can go in your CSS file.

[kip]

Your css files seems to be adding 50% left padding to everything within your body

body {	font-size: 11px;	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;	margin: 0px;	padding-left: 50%;	background: #aac5d5 url(images/bg2.gif) center repeat-y;	position: absolute;}

[zumojuice]

mmmm maybe I know more about CSS than I thought..

[KimberleyCreative]

Thanks for the help guys.

My website was designed with a template, as I'm only a basic user of CSS and html. All the comments in the html were already in the template. I use Text Edit and a free web design software called Nvu. I like it as i can view my website while I am editing it.

I know I really should be using something like Dreamweaver, and get a professional to design my website. It's a budget thing.