total messed up in Firefox. html&css are w3c valid Options

[arjan]

Hi,

My website is in Wordpress.
Website look good in IE 6 and 7, but in Firefox it is totally messed up.
I've downloaded the latest firefox -> same problem
Checked html and css - > w3c valid
I've bin busy with change some code in the css, but I can't get it to work.

css file is attached

Website URL: My Webpage


Please, please can someone help me out.

[Brian Chandler]

My website is in Wordpress.

Website look good in IE 6 and 7, but in Firefox it is totally messed up.
I've downloaded the latest firefox -> same problem
Checked html and css - > w3c valid
I've bin busy with change some code in the css, but I can't get it to work.

css file is attached

Website URL: My Webpage


Please, please can someone help me out.

What exactly is the problem? I mean, there is a lot of rubbish on your page - "Grof huishoudelijk afval", "GFT afval", "Oud papier en karton", "Rest afval"... but this shouldn't be a problem <g>

There is a rather large space at the top, and there are some mysterious bits of xml in the middle, but it doesn't look "totally messed up" to me.

[arjan]

Hi,

Thanks for your fast response.

I've added a screenshot.

Have viewed the page in both? ie and firefox?

[Brian Chandler]

Well, a glance at your style sheet shows it is all pixel-fixing, and for example:

#navmenu {
/*background-image: url('images/navmenu.jpg');*/
background-color: #df9625;
height: 26px;
background-repeat: no-repeat;
margin: 167px 0px 0px 220px;
padding-top: 8px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 15px;
font-weight: normal;
color: #FFFFFF;
font-size: 14px;
text-decoration: none;
text-align: left;
font-family: arial;
letter-spacing: .1em
}

Isn't this 'navmenu' meant to be at the top? If so why does it have a top margin of 167px? Perhaps one of IE's many bugs causes this to be ignored?

As is often said, it is a bad idea to build your website against IE, unless you do not want anyone else to see it. Design it in a browser that complies with standards (any browser except IE, in general), then add kludges to make IE work.

Again, it's not clear whether you designed this yourself, or if it is output from Wordpress? If Wordpress, perhaps it's better to go back to the original and start modifying it again, referring to a non-IE browser as you do it...

[Christian J]

This is the best way to identify bugs: http://www.positioniseverything.net/articles/mys-bug.html