www.webdeveloper.com
Results 1 to 7 of 7

Thread: IE& having trouble displaying content....

  1. #1
    Join Date
    Mar 2007
    Posts
    42

    IE& having trouble displaying content....

    I've developed a simple website for a client and the pages display correctly in Firefox, but IE7 seems to have some troubles. Basically what happens is that IE7 will displaye the top banner image, the Flash navigation on the left, and the footer of the website, but the main content doesn't appear. Sometimes hitting the refresh button will work and the content will appear, but sometimes that doesn't even work. Ive been working on this site for a while now and it only just started happening recently. Anyone have any thoughts? Im reluctant to believe its any of my coding, since the site displays in firefox and sometimes IE7. I know my internet connection (and possibly my webhost that is hosting this site) have been acting up a little lately, they seem a bit slower than usual, so maybe that has something to do with it? But I'm not sure. If anyone can shed a little light that would be great!

    Here's the link to the site: www.soundvideoimpressions.com/nffs

    Click on the "Getting Started" or "Solicitation" links on the left to roll down the sub-links. Ive been having issues with most of those sublink pages....

  2. #2
    Join Date
    Dec 2005
    Location
    American, living in Toronto, ON. CANADA
    Posts
    6,746
    I see what you mean. In IE, the content is missing, in Fx, it's there but 'fixed' and scrolls.

    #content{position:fixed; float:left; width:355px; padding-left:30px; padding-right:35px; background-color:#FFFFFF; left:169px;}
    "fixed" is not recognized by IE unless a 'fix' is applied. -Do you have one? Also, I'd not "padding-left/padding-right AND "LEFT:169px" at the same time. Too complicated. I'd just use margins. Maybe, if margins were used, the float would be not necessary..

    I will examine the code more closely in a bit, but here's a screenshot of the code and a possible problem... (unexpected "</div>")
    Attached Images Attached Images
    Last edited by WebJoel; 01-21-2008 at 03:07 PM.
    I build for: Firefox and tweak for IE

  3. #3
    Join Date
    Jan 2008
    Location
    Toronto, Canada
    Posts
    52
    I didn't look into it in detail, but it looks like you are having trouble with your content div.

    If you view source in IE, you can see your div it just doesn't display...hence, why I think your div's positioning may be the problem for IE.

    You may want to check your content div's css styles (alignment, positioning, float, etc...) and see what is causing this.

    ---------------------------------------
    Web Services: www.funmediadesign.com
    Web Templates: www.funmedia.ca

  4. #4
    Join Date
    Mar 2007
    Posts
    42
    I removed the extra </div> tag. Im usually pretty good about those kinds of things but looks like a stray one got by me this time. Anyhow, I removed the tag and Im still having this issue.

    Im sure youre right that my CSS positioning may be the issue with IE. I still dont fully understand the correlation with all the CSS positioning attributes (i.e. float, padding, margin, etc.)

    Basically what Im trying to accomplish with this is to keep this page from breaking if the user expands or resizes their browser window, I want it to remain the same size and in the same position no matter what.

    I tried doing that before but all the DIVs would break apart, so using the position:fixed attribute seemed to fix that but the created this new problem Im experiencing now.

    Ill keep looking at it, let me know if you think you can come upw ith a better way of positioning things via CSS, as my CSS ability just isnt very thorough yet.

    Thanks again for all the help so far!

  5. #5
    Join Date
    Mar 2007
    Posts
    42
    I did what you both suggested and tried altering my CSS positioning. It looks like it worked to remove the padding and left attributes and use margins instead. The site stays in place and doesnt break as well as all the content displays properly now! If anyone notices anything on their end please let me know, otherwise I think its fixed!

    Thanks again for all the help!!!!!

  6. #6
    Join Date
    Dec 2005
    Location
    American, living in Toronto, ON. CANADA
    Posts
    6,746
    Hey that looks good!

    I do see a content overflow on the main content part of the site, as seen by Firefox. This is usually caused by a floated item not being 'cleared'. One way around this is to set the main container to have "overflow:hidden;" and it will containt any content that exceeds it's height. A few other conditions might account for and correct this, -I've got alittle time I might check this over for you and post back..

    see screenshot image:
    Attached Images Attached Images
    I build for: Firefox and tweak for IE

  7. #7
    Join Date
    Dec 2005
    Location
    American, living in Toronto, ON. CANADA
    Posts
    6,746
    I have got the text-overflow thing figured out. I'm still seeing a problem though in Firefox (I trust Fx to correctly display what is written, and trust IE to incorrectly display what you intended to write..).

    See attached Screenshot image: IE looks good and Fx leaves a 'gap' below your "#nav" and before the "#footer", -which is an image.
    Myself, that image portends to belong to the "#nav" and has no place in the 'footer'. I'd put it there and not even have a "#footer"..

    Changes are in in the "<STYLE></STYLE>" and some inline-style changes have been made also. Here is the code so far:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>:: Non-Ferrous Founders Society ::</title>
    <link rel="stylesheet" type="text/css" href="http://www.soundvideoimpressions.com/nffs/includes/styles.css" />
    <script src="http://www.soundvideoimpressions.com/nffs/includes/functions.js" language="javascript"></script>

    <base href="http://www.soundvideoimpressions.com/nffs/" />

    <style>
    html, body {height:100%;}
    #wrap {width:800px; margin:0 auto; overflow:hidden; height:auto;}
    #content {background-color:white; height:auto;}
    </style>


    </head>

    <body>
    <div id="wrap">
    <div id="header"><img src="images/header_temp.jpg" border="0" usemap="#homemap" /></div>

    <div id="nav" style="height:100%; width:169px; float:left; border-right:0px solid red; overflow:hidden; background-color:#0a7d2a);">
    <script language="javascript" style="height:auto;">
    writeNavFlashCode(curPage);
    </script>
    </div>



    <div id="content" style="height:auto">
    <h1>Welcome to NFFS!</h1>
    <p style="font-size:11px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;The Defense Logistics Agency (DLA) is the Dept. of Defense's largest combat support agency. It supplies almost every consumable item America's military services need to operate. Its latest initiatives have sought to streamline the supply depot and distribution system, focusing on moving DLA support far forward to the point of military customers' demand and managing suppliers, not just supplies. It no longer has warehouses of huge inventories and has increased use of contractors, even in the battlefield. <br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    By implementing Enterprise Business Systems, DLA has updated and integrated supply chain and financial management processes and systems making DLA support to the war-fighter faster and more efficient. DLA manages 5.2 million different items, issues over 8,000 contracts per day, and had FY06 sales in excess of $35.5 billion. Procurements from small businesses exceed $1.0 billion in FY2005. <em><b>Therefore, there are significant business opportunities for foundries, either via direct business with DLA or to prime contractors. </b></em><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    DLA business is conducted along supply chains, of which the aviation, land, maritime, and construction and equipment supply are the ones of most interest to suppliers of castings.<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    DLA, like many other buying organizations, is implementing more electronic commerce. In fact, DLA, in its efforts to streamline both the solicitation and award processes, is insisting that most of its business be done electronically from the time of the solicitation all the way through the submission of invoices for goods sold. <em><b> Because of this major change in how DLA is conducting its procurement business, this guide has been developed to assist foundry professionals in preparing to be able to do business with DLA and to provide answers to some of the questions that may arise during the bidding process.</b></em>

    </p>
    </div>

    <div id="right" style="height:auto; background-color:#FFFFFF;">
    <img style="padding-left:25px;" src="images/dla.gif" /><br /><br />
    <img src="images/amc.gif" /><br /><br />
    <p style="font-size:11px;">AMC’s Castings for Improved Defense Readiness program is sponsored the Armaments Research and Development Engineering Center, Picatinny, NJ and <br />Benet Laboratories, Watervliet, NY.</p>
    </div>


    <div id="footer">

    <div id="flogo">
    <img src="images/nav_logo.png" />
    </div>


    <div id="fspacer">&nbsp;</div>
    <div id="process">
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="images/process_arrow.gif" />&nbsp;<a href="">Click here</a> for an overview of the process of supplying to the Government
    </div>

    <div id="flinks">
    <a href="">Home</a> | <a href="">Introduction</a> | <a href="">Getting Started</a> | <a href="">Solicitation</a> | <a href="">Awards Process</a> | <a href="">Post Awards</a> | <a href="">Contact Us</a><br />

    Copyright &copy; 2007 Non-Ferrous Founders Society, Inc. <em>All Rights Reserved.</em> </div>
    </div>

    <map name="homemap" id="homemap">
    <area shape="rect" coords="250,0,553,91" href="index.htm" />
    </map>
    </div>
    </body>
    </html>
    Attached Images Attached Images
    I build for: Firefox and tweak for IE

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles