Several Issues with layout format

Dear All,

I am having several CSS issues regarding my new layout which can be seen here: http://www.waynedeboer.co.uk/new%20design/

CSS file: http://www.waynedeboer.co.uk/new%20design/global.css

In firefox the layout works how I want it to but in IE 6 & 7 it is completely screwed and I can't figure out why.

Also when I add a doctype to my html it then screws my layout up completely and I don't know how to fix this as I need the doctype for my code to validate.

Any Help would be most appreciated.

Regards,

Wayne

Wayne, despite the fact it screws up even more, get that doctype in there! Once your code is valid, it's so much easier to debug the various browsers.

Another tip - don't use spaces in your folder and file names, use hypens. Otherwise you end up with %20 like in your current URL.

BTW, nice looking site

I'll osrt out the doctype locally before uploading then.

And thanks, I would say the design is better than my old design: http://www.waynedeboer.co.uk

Hell yes! If you get this browser bug sorted, I'd recommend you submit for the next Website of the Month!

I have added in the doctype and it validates just fine but its completely screws up the site layout. And my ftp is being a pain and saying I don't have access so I can't upload it just yet.

Finally got access it's now up on the same domain as above.

Sorry Wayne, I'll try and have a detailed look soon.

not sure if this is what you want it to look like. If so try playing wiyh your height settings for your images.

Attached Images

Wayne DeBoer - Web Designer - Web Design UK_1207059908296.jpg (43.0 KB, 2 views)

Almost here is a link off how I want it to look: http://www.waynedeboer.co.uk/new%20design/indexorg.html

This works fine coded in firefox without the doctype but in IE 6 & 7 its doesn't work and I need the doctype for validation

Had a little play around. The best I can come up with is. add, margin: -730px 0px 0px 410px; to your #right.

cool that helps to fix the issue within IE 7 but not IE 6 also the height for my divs are still not working I don't understand why as every site I have looked on has stated that height: 100% should work.

Have a look at this, it might help.

http://www.dave-woods.co.uk/?p=144