September 29, 201015 yr Hi Guys, For some reason, a site I'm working on is resizing strangely in Internet Explorer & I think it is something to do with the CSS Nav bar. It's fine in Firefox & Safari - just IE. The site is http://www.imaginecapeverde.com & I've attached a screen shot of how it should look... If anyone can see the problem I would really welcome the help! Thanks. 51 screen.tiff
September 29, 201015 yr You should have a doctype and a modified html tag at the top of your html file from here:- http://www.w3.org/QA/2002/04/valid-dtd-list.html I suggest <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <!--<html> delete original html tag--> Display: inline; for the li tag used to be necessary for older versions of IE, but IE6 and above should be alright with float: left which you already have (provided you have a doctype). Adding a doctype may affect some other styles, so check how the page looks.
September 29, 201015 yr Author Thanks for the quick response & help guys. Actually what i've notice now, is that the nav bar displays fine in IE but in firefox & safari part of it is cut off?!
September 29, 201015 yr I suggest that you check errors here:- http://validator.w3.org/ It shows 18 errors and 25 warnings at present. Correcting the errors may not solve your problem, but it should be done.
Create an account or sign in to comment