Jump to content


 


Register a free account to unlock additional features at BleepingComputer.com
Welcome to BleepingComputer, a free community where people like yourself come together to discuss and learn how to use their computers. Using the site is easy and fun. As a guest, you can browse and view the various discussions in the forums, but can not create a new topic or reply to an existing one unless you are logged in. Other benefits of registering an account are subscribing to topics and forums, creating a blog, and having no ads shown anywhere on the site.


Click here to Register a free account now! or read our Welcome Guide to learn how to use this site.

Photo

IE 8 vs Chrome Page


  • Please log in to reply
4 replies to this topic

#1 rboone2020

rboone2020

  • Members
  • 69 posts
  • OFFLINE
  •  
  • Local time:07:02 AM

Posted 16 October 2010 - 06:58 PM

Hi Folks,

I was happily editing my web site in Chrome, a work still in progress, but on its way ( http://www.nrel.colostate.edu/~rboone/web/temp/NREL/ ).
I then opened it in Internet Explorer 8, and the columns are torn up. The pages are created from a few PHP include statements, but otherwise, nothing too fancy.

I 'viewed source' on another page where my template works fine in IE8 ( http://www.nrel.colostate.edu/projects/gnu/ ). I copied both files, then made a line-by-line comparison to try to figure out what might be wrong. I dropped out some sections using comments, and neight pathway worked.

Any insights would be appreciated. I edit pages by hand, which will probably cause some to flame, but it generally works for me. Given that, what pathways would people suggest I use to figure out what the problem might be? Maybe adjust widths in the style sheet? Could a pixel or two too wide cause this behavior?

Thanks,
Randy

BC AdBot (Login to Remove)

 


#2 groovicus

groovicus

  • Security Colleague
  • 9,963 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:Centerville, SD
  • Local time:06:02 AM

Posted 16 October 2010 - 07:25 PM

Try validating your HTML first:
http://validator.w3.org/

#3 rboone2020

rboone2020
  • Topic Starter

  • Members
  • 69 posts
  • OFFLINE
  •  
  • Local time:07:02 AM

Posted 16 October 2010 - 09:14 PM

Great, thanks. That was humbling ... many errors. But they are fixed up now, and the page validates well. Unfortunately, it still displays correctly in Chrome but squirrely in Internet Explorer. Any other thoughts?

Thanks again,
Randy

#4 groovicus

groovicus

  • Security Colleague
  • 9,963 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:Centerville, SD
  • Local time:06:02 AM

Posted 16 October 2010 - 10:05 PM

Happy to see that you took the time to make your page validate. That helps. You have a CSS error (there is a CSS validator also) but I don't think that is the problem. No need to be humbled either. Making pages look the same across browsers is something that tests all web developers.

So here is the thing. Browsers render things in different ways, so It could be your CSS; it could be the order of attributes within the HTML, etc. This is why competent web developers make a lot of money. They know how to troubleshoot problems like these. The procedure for fixing issues like this is to create test pages. Then you add elements one by one until you find an element that doesn't render the same between browsers.

If you are affiliated with an accredited High School or College (and I can direct you if necessary) within the US, there are tools freely available to you that can help. Specifically, I am thinking of Super Preview that is bundled with Expression Web, which is part of Expression Studio. Other than that, all it takes is methodical testing to figure out what is causing the problem.

#5 rboone2020

rboone2020
  • Topic Starter

  • Members
  • 69 posts
  • OFFLINE
  •  
  • Local time:07:02 AM

Posted 16 October 2010 - 10:25 PM

Well, I went to the CSS checker, fixed the two problems it identified, and voila! It works in both browsers. Outstanding. Thank you Groovicus.




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users