Fits with Difference between IE & Firefox

tibwebb · #1 (**permalink**) 10-14-2006, 02:22 PM

Hello All,

I volunteered to help out a non-profit since I had some former experience developing websites and they couldn't afford a professional site builder. Everything has been going great. I've been catching up on technologies such as CSS and DHTML and even have dabbled in a bit of javascript. Great fun learning alot. Things have definitely changed since the days I got paid to do web pages.

However... now the deadline looms. The site is mostly up, most of the content is in place and all the pages have been put up. However... one set of problems I'm still having and cannot for the life of me figure out how to fix it. The problem being with frames and framesets and how IE handles them differently than Firefox. Bet you guys have heard this one once or twice but...

In firefox, the site renders beautifully of course. However in IE 7 beta or IE6 the page barfs rendering after the header frame and for the life of me I can't figure out why.

I've used this site and others as reference in trying to fix the problem. I've built 2 different versions based on my readings trying to make both browsers display correctly but to no avail. I've read posts here and on other help sites about frameborder=0 problems and the like, tried the solutions they provided and still the IE versions of the page barfs at the header. I've tried removing the frameset parameters, setting border=2, putting IE in quirks mode, etc. etc. Nothing.

Below is a link to the site and the original HTML I used to get the page to render perfectly in Firefox. Note that I've tried other versions without the additional frameset parameters in place but nothing will make the page display correctly in IE. If any of you pro's out there could point me in the right direction before Tuesday of next week it would be greatly appreciated and I'd be in your debt.

Thanks,
Tib

http://www.downtowngrandcities.org/nusite/

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
        "http://www.w3.org/TR/html4/frameset.dtd">

<HTML>
   <HEAD>

      <META http-equiv="Content-Style-Type" content="text/css">

      <LINK href="css/ada.css" rel="alternate stylesheet" title="ada_style" type="text/css">
      <LINK href="css/dgc.css" rel="stylesheet" title="dgc_style" type="text/css">

	  <script src="/javascripts/prototype.js" type="text/javascript"></script>
 	  <script src="/javascripts/scriptaculous.js" type="text/javascript"></script>

      <TITLE>Welcome to Downtown Grand Cities!</TITLE>

   </HEAD>

   <FRAMESET rows="75, 90%" frameborder="0" scrolling="no" marginwidth="1" marginheight="1">

     <FRAMESET cols="100%" frameborder="0" scrolling="no" marginwidth="1" marginheight="1">
         <FRAME name="header" src="header.html" frameborder="0" scrolling="no" marginwidth="1" marginheight="1">
     </FRAMESET>

     <FRAMESET cols="150, *, 200" frameborder="0" scrolling="no" marginwidth="1" marginheight="1">
         <FRAME name="menu" src="menu.html" frameborder="0" scrolling="no" marginwidth="1" marginheight="1">

		 <FRAMESET rows="*, 35">
         	<FRAME name="content" src="content.html" frameborder="0" scrolling="no" marginwidth="1" marginheight="1">
         	<FRAME name="footer" src="footer.html" frameborder="0" scrolling="no" marginwidth="1" marginheight="1">
		 </FRAMESET>

         <FRAME name="newslist" src="newslist.html" frameborder="0" scrolling="no" marginwidth="1" marginheight="1">
     </FRAMESET>

     <NOFRAMES>

   		<div id="noframe">
         <P>No Frame Capable Browser Detected.
        </div>

     </NOFRAMES>
</FRAMESET>

</HTML>

Allen · #2 (**permalink**) 10-14-2006, 08:02 PM

Ok let's start with this - why are you using frames? This is no longer 1996

Now that is out of the way...

1. lowercase all tags
2. have you validated the code?
http://validator.w3.org/check?uri=ht...rg%2Fnusite%2F
3. I could be wrong but I may bet that the 75, 90% might be confusing IE. IE is not a smart browser, so don't make it do complex math

4. it has been a long time since i have coded frames but i think what you need to do is rip it back to just the middle and see if that shows right - then build from there.