Site Compatibility

unknowndomain

unknowndomain

unknowndomain

Soldato
Joined
18 Apr 2004
Posts
2,613
Location
London
I am developing a site for my first proper client, they have provided me with the psd template of what they want and just want it converting into php and html, I obviously went down the xhtml strict route hoping that it would be all fine and dandy but the wonderful IE6 has struck again, on my cross over office IE6 its completely failed to render the entire site in the right way, so I am hoping you guys could take a look in and see whats going wrong, I am ridiculously stuck, its almost like the float: attribute isn't working and so rather than sticking the content below it just makes the container wider.

SITE: http://hfdev.unknowndomain.co.uk/

IE 6 - Terrible




Safari 3 - perfect





Firefox 2 - Perfect





Opera 9 - Perfect, if a little slow



 
My educated guess is that it's to do with IE6's [mis-]handling of MIME types:

http://www.xml.com/pub/a/2003/03/19/dive-into-xml.html

It depends on whether you've used xhtml 1.0 or 1.1, but you might be able to quickfix it by declaring an xhtml transitional doctype.

EDIT: Yeah, there you go: Firefox "Page Info" reveals that your site is being served as [or at least, interpreted as] "text/html", not "application/xhtml+xml".
 
Last edited:
Site down is the wonders of dreamhost at work, its back though, however IE6 and all browsers except mozilla according to this article mis-handle the mime type, but what ever, its still not rendering the page properly.
 
unknowndomain said:
Site down is the wonders of dreamhost at work, its back though, however IE6 and all browsers except mozilla according to this article mis-handle the mime type, but what ever, its still not rendering the page properly.
Click to expand...
Yeah, as ever I go for the most obscure possibility first, sorry :D

I've looked into it, but there are so many floats that it's difficult to pinpoint. Maybe a separate style sheet for IE6 might be the simplest solution in this case?
 
Last edited:
what about putting a container around the right side, content and menu, liek you have for the sidebar as they are the same size and positioning, and then just float that one container and put the menu and content into it.
 
unknowndomain said:
Im just following directions, please don't judge me, I have a psd which I must convert to xhtml
Click to expand...

don't worry, it's obvious from first post that thats what you are having to do. I hate it when you have to design something that you don't agree on, had one person that wanted the most ugliest site in the world, asking for everything that made a site bad, was really ashamed to show people i made it in the end.
 
Mammalian said:
don't worry, it's obvious from first post that thats what you are having to do. I hate it when you have to design something that you don't agree on, had one person that wanted the most ugliest site in the world, asking for everything that made a site bad, was really ashamed to show people i made it in the end.
Click to expand...

I designed a really nice site for someone recently, was really pleased with it. So were a lot other people I showed (these people normally give me criticism when needed but they loved it) took the design to the client, they *****d up royally with stupid colours and images. I am still building it but just not going to put my name to it when finished!
 
Please couple some nice people test out their internet exploders and fireboxes and safari parks on the site, descend my creatures... aka please could u guys test this out, http://hfdev.unknowndomain.co.uk

I don't mind the design, should make that clear, just some things are not the way I would do them, such as the menu, but its been justified by the navigation at the bottom.

My solution was to create a separate style sheet which overrides parts just for internet exploder.
 
yay it works now, although imo you should now get it working almost exactly the same in both browers (ie and ff padding/margins are different) so that you know better how to sort ie and ff problems in future. some people will say you should make it identical and others (me) will say if users want to stick to old version of software then they have to accept that sometimes they maybe viewing things not 100% as they should be.

btw just incase you didn't know you can add code to the existing code that only some browers will read, e.g. only ie6 reads code that has a _ before it, so to change it and have the code together you can do this

Code: 
.container {
width: 100px; //everyone reads this
_width: 90px; //only ie6 reads this
#width: 60px; // i think only ie7 reads this though someone will need to confirm this
}
again peoples opinions differ on this, i prefer to write code this way as the fixes are with the rest of the code, though the way you have done it all the fixes are together so it's how you prefer i guess. sorry to go off topic and if you already knew but just thought make sure.
 
You must log in or register to reply here.
Back
Top Bottom