Webby css prob

[Kained]

Ok i have a new site for the school that i work at but i have a problem in ie7

 

if you visit:

 

http://www.gartree.lincs.sch.uk/newsite/

 

Using ie6 (which we use at the school) the site looks fine

 

Using ie7 the top header where the school name is shown disappears behind the main graphic, has any one got any suggestions on possible fixes, if you need any more info or files let me know, any help would be apppreciated

[CESIL]

Your page seems not to work in any other browser than IE6.

 

For our site I use "" which forces IE6 into stantards compliant mode and avoids the need to add css hacks to counter the difference between the css box model in IE6 and other browsers.

 

You will have to find out if there is a DOCTYPE that does a similar trick for XHTML.

 

Otherwise you will need to add css hacks to your css. Just Google for "css ie box hacks"

[ICTNUT]

I would agree with cadjs with the DOCTYPE.

 

If you do not have a correct DOCTYPE then it forces IE into "quirks" mode and is not standards compliant at that point, this is them same for all versions including IE7

 

You may still need to use CSS hacks to get round the problems you may have the easiest being having 2 CSS files one for all browsers and one for IE.

 

The one for IE only needs the CSS hacks in it so it displays correctly, to get your code to work out which browser is being used do the following:

 

< link to your main css file here>

[!-- If IE -]

< link to your IE css here>

]

 

What the above does is displays the IE css when required and is a quick way of ensuring your CSS hacks ONLY affect IE browsers.

[CESIL]

Actually IE6 and 7 behave differently with regard to standards compliance.

 

IE7 has had the box model changed to be the same as the (IMHO illogical) standards box model. Adding the correct DOCTYPE forces IE6 to to the same as IE7.

 

Ozan, I like your website ...you might like to add

html {overflow: scroll;}

to your css to stop the page jumping side to side in Safari et al.

[Kained]

i have fixed the issue, and have asked people to try it in other browsers for me and have been told it works fine ?

 

i will test more when i get home

[Kained]

 

above is the doctype i currently use, should i change it ?