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.
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!
Kimberley Creative – Freelance Graphic Designer
www.kimberleycreative.com – http://www.etsy.com/shop.php?user_id=5825866
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.
"I don't build sites that validate, I prefer to charge the client extra when they break!"
Agreed, the code needs to be cleaner to find the errors.
Get rid of all
Use margins for spaces not breaks.Code:<br />
The css validator is throwing up this error
Seems there's an extra t somewhere.Code:23 #topbar Value Error : height Unknown dimension 15tpx
It seems some of your commenting is effecting it as well..
What created the commenting or have you entered it yourself?Code: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 -->
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
Your first part is a closed image tag, there is no open tag I can see so it's confussing IE maybe?Code:<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>
"I don't build sites that validate, I prefer to charge the client extra when they break!"
What ever program you have allowed to write your code for you has done a really bad job of it.
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.Code:</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;">
All the font styles can go in your CSS file.Code:<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;" />
Your css files seems to be adding 50% left padding to everything within your body
Code: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;}
"I don't build sites that validate, I prefer to charge the client extra when they break!"
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.
Kimberley Creative – Freelance Graphic Designer
www.kimberleycreative.com – http://www.etsy.com/shop.php?user_id=5825866
Check the forum often for the latest design announcements. Everything from graphic design and web design, to films and music. Estetica is a great place for people to get together and help each other out.
Bookmarks