SitePoint Sponsor

User Tag List

Results 1 to 15 of 15
  1. #1
    SitePoint Addict
    Join Date
    Apr 2003
    Location
    canada
    Posts
    213
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question IE not displaying all text

    Hi All,

    I'm having an odd problem.

    the dev site that i'm working on www.clhdesigns.com/progressive looks great In Firefox displays great.

    In Internet Explorer here is the odd problem. I can go through all the pages at least 1 time and all text displays.

    However once I go back and click say for example services for the second time then half my text is just cut off and dissappears.

    I'm wondering if there is an issue with the css itself as IE is not in quirks mode.

    I'm puzzled by this one

  2. #2
    SitePoint Addict
    Join Date
    Apr 2003
    Location
    canada
    Posts
    213
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    should i be placing an overflow hidden declaration somewhere??

  3. #3
    SitePoint Evangelist
    Join Date
    Jul 2006
    Posts
    493
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    IE6 and IE7 need hasLayout for #content
    Try height:1%; in #content

  4. #4
    SitePoint Addict
    Join Date
    Apr 2003
    Location
    canada
    Posts
    213
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    That did not seem to do the trick. I have never ever had to put height 1% on my content div ever.

    This one is really bugging me. BTW did the sites background show up as grey or is the entire thing white. The client says the grey did not show up even though on my comp the background is grey

  5. #5
    SitePoint Addict
    Join Date
    Apr 2003
    Location
    canada
    Posts
    213
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question

    why would IE just cut off content.

    Here is the CSS file

    Code:
    *
    {
    	margin: 0;
    	padding: 0;
    }
    
    body {
    	margin: 0px auto;
    	font: 62.5% Arial, Helvetica, sans-serif; 
    	background: #f2f2f2;
    }
    
    #wrapper {
    	width:960px;
    	margin:0px auto;
    	text-align:left;
    	background-color:#ffffff;
    	overflow:hidden;
    }
    
    #container {
    	width: 960px;
    	margin: 0px auto;
    	text-align: left;
    	width: 960px;
    	overflow:hidden;
    }
    	
    h3{
    	font-family: Geneva, Arial, Helvetica, sans-serif;
    	font-size:1.8em;
    	color:#2C79B3;
    	border-bottom:1px solid #E1DFDF;
    	padding-bottom:5px;
    }
    
    #nav {
    	background-color:#2C79B3;
    	color: #ffffff;
    	border-top: 1px solid #ffffff;
    	font: 1.4em Arial, Helvetica, sans-serif;
    }
    
    #nav ul {
    	list-style-type: none;
    	padding: 10px 20px;
    }
    #nav li {
    	display: inline;
    	padding: 0px 10px;
    }
    #nav a {
    	color: #ffffff;
    	text-decoration: none;
    }
    #nav a:visited {color: #ffffff;}
    #nav a:hover {color: #654235; background: #eee;}
    
    
    	
    #header {
    	margin: 0;
    	height:192px;
    	width:960px;
    	border-bottom:1px solid #000000;
    	background:url(../images/header.jpg) no-repeat;
    }
    
    #header h1 {
    	margin:-9000px;
    }
    
    p {
    	font-size:1.2em;
    	margin:15px 0;
    	line-height:1.8em;
    }
    
    .text_border {
    	border:1px solid #000000;
    	padding:10px;
    }
    
    #content {
    	float:left;
    	width:718px;
    	padding:20px;
    	color:#000000;
    	overflow:hidden;
    }
    
    #content ul {
    	margin: 20px 0;
    	padding: 0;
    	list-style-type: disc;
    }
    
    #content li {
    	font-size:1.3em;
    	margin:20px;
    }
    
    
    #right {
    	float:left;
    	width:192px;
    	padding:20px 5px;
    }
    
    #footer {
    	clear:both;
    	width:960px;
    	margin:0 auto;
    	
    }
    
    #footer p{
    	font-size:1.0em;
    	text-align:center;
    	color:#000000;
    }
    
    #footer a:link, a:visited {
    	color: #000000;;
    	font-size: 1.0em;
    	text-decoration: none;
    }
    
    #footer a:hover {
    	color: #000000;
    	text-decoration: none;
    	font-size:1.0em;
    }
    So Very Strange

  6. #6
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,585
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    #content already has hasLayout by the width being ste (also by the float) so that can't possibly be the issue.

    If your content inside of #content is exceding the parents width/height it will cut off the cnotent so remove overflow:Hidden; on #content, (or you can set auto instead of hidden to force scrollbars when content is outside the #contents boundaries)
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  7. #7
    SitePoint Addict
    Join Date
    Apr 2003
    Location
    canada
    Posts
    213
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I have taken the overflow hidden attribute off of content and still gets cut off. Why it displays correctly the first time then when you go back to it later in the same visit and it cuts off is totally beyond me.

    I'm wondering if it's my right sidebar that may be the issue.

    My CSS for the right sidebar is as follows

    Code:
    #right {
    	float:left;
    	width:192px;
    	padding:20px 5px;
    }
    my images in the right hand column is excatly 192 pixels. could this possibly be an issue??

  8. #8
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,585
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Do this for me snice I can't get the content to cut off (perhaps your cache...?), on the first time get me a copy of that source code, and on the source code of the cut off content give me that source code so I can compare it. Thanks. I checked both IE's and they are displaying perfect.
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  9. #9
    SitePoint Addict
    Join Date
    Apr 2003
    Location
    canada
    Posts
    213
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Here is the source code for The attempt #1 after refreshing the browser. The content on the services page displays perfectly no cut off content

    Code:
    <!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">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <link rel="stylesheet" href="css/master.css" type="text/css" />
    </head>
    <body>
    <div id="wrapper">
    	<div id="container">
        	 <div id="nav">
        		<ul>
            		<li><a href="index.html">Home</a></li>
                	<li><a href="services.html">Services</a></li>
                	<li><a href="company.html">Our Company</a></li>
                    <li><a href="approach.html">Our Approach</a></li>
                    <li><a href="newsletter.html">Newsletter</a></li>
                    <li><a href="calculator.xls">Savings Calculator</a></li>
                	<li><a href="contact.html">Contacts</a></li>
            	</ul>
      		</div>
    		<div id="header">
        	</div>
            <div id="content">
              <h3>What We Do</h3>
              <p>Traditionally, businesses focus on controlling expenses in the top
                two spend areas, (labor and cost of goods), but have limited means
                of monitoring, measuring and managing overhead costs.* Yet those
                costs are staggering for any company, especially for companies with
              several or numerous locations.</p>
              <p>Now, try to actually measure all those costs.* You have individual
                locations under your ownership all using different vendors.* It is
                often difficult at the corporate level to see and measure the performance
                of suppliers because these costs are fragmented and each vendor has
                his own units of measurement.* While other areas of the business
                are measured against Key Performance Indicators (KPIís) <strong>there
                is no consolidated view of spending and therefore no way to create
                KPIís that can hold* employees, departments and suppliers accountable.</strong>*
                This lack of information keeps management from answering the most
                basic questions about its business, including:</p>
              <ul>
                <li>Are we purchasing from the right suppliers who are using
                    appropriate technology for our business?</li>
                <li>Are we getting the best volume discount pricing that
                    we are entitled to?</li>
                <li>Are we getting the services we are paying for?</li>
                <li>Are we operating in the most effective manner?</li>
              </ul>
              <p>Progressive Expense Reduction specializes in helping you answer
                these questions.* <strong>We bring a whole new perspective to cost
              management Ė one that works at a single or multi location level.</strong></p>
              <p>Progressive Expense Reduction will identify possible areas for cost
                reductions and investigate the possibilities for savings either with
                the current supplier or a new one.<br />
                We recommend specific actions that will save you money while maintaining
                the quality of the service or improving it.</p>
              <p>We provide the expertise in identifying a wide range of suppliers
                who are interested in doing business with you. It is not unusual
                for our clients to save up to 30% of their operating costs by using
                the services of Progressive Expense Reduction.</p>
              <h3><strong>What We Cost</strong></h3>
              <p>If we do not identify any cost recovery, there is no cost to you.
              You benefit greatly by us confirming that your expenses are in line.</p>
              <p>When we do recover costs, you pay us one half of the savings
                for the term of the agreement.* At the end of the agreement, you
                keep all of the savings.* <strong>Progressive Expense Reduction shares
                in savings only after youíve received them.</strong>* <strong>If
                we can not save you money, then there is no fee.* This makes our
                offer truly risk Ė free.</strong></p>
              <p>Itís that simple. You either save money or we donít get paid.
              </p>
              <h3><strong>Supplier Relations</strong>hips</h3>
              <p>Progressive Expense Reduction never receives a payment of any kind
              from any supplier. </p>
              <p>We recommend suppliers based on fairly negotiated prices and service
                quality standards. We work with many suppliers for many different
                clients and we use a bidding process for each job. Suppliers know
                that if they donít get the job they bid on today, there is still
              a fair chance of getting one in the future.</p>
              <p>Suppliers only recieve the information about your company that is
                required to prepare their bid. They also agree not to contact you
                directly unless we approve the contact. </p>
              <p>Progressive Expense Reduction does not implement any changes to
                your changes to your existing practices.
                We bring you recommendations and procede with implementations at
                your request.</p>
          </div>
          <div id="right">
            <h3>Newsletter</h3>
            <p><img src="images/newsletter.jpg" width="172" height="142" /><br />
            Check out our newsletter for infomation on how you can save! </p>
          <h3>Cost Savings Calculator</h3>
          <p><div align="center"><img src="images/savings.jpg" width="172" height="114" /></div></p>
          <p>Use our exclusive cost savings calcuator to see how much you can save!</p>
          </div>
      </div>
    </div>
    <div id="footer">
      <p>&copy; Progressive Expense Reduction<br />
    	Website Design by <a href="http://www.clhdesigns.com" target="_blank">CLH Designs - Web Design Whitby Ont</a></p>
        </div>
    </body>
    </html>

    Here is the source code for when the content gets cutoff services page again after you leave the services page and come back to it to see half of the content missing.

    HTML Code:
    <!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">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <link rel="stylesheet" href="css/master.css" type="text/css" />
    </head>
    <body>
    <div id="wrapper">
    	<div id="container">
        	 <div id="nav">
        		<ul>
            		<li><a href="index.html">Home</a></li>
                	<li><a href="services.html">Services</a></li>
                	<li><a href="company.html">Our Company</a></li>
                    <li><a href="approach.html">Our Approach</a></li>
                    <li><a href="newsletter.html">Newsletter</a></li>
                    <li><a href="calculator.xls">Savings Calculator</a></li>
                	<li><a href="contact.html">Contacts</a></li>
            	</ul>
      		</div>
    		<div id="header">
        	</div>
            <div id="content">
              <h3>What We Do</h3>
              <p>Traditionally, businesses focus on controlling expenses in the top
                two spend areas, (labor and cost of goods), but have limited means
                of monitoring, measuring and managing overhead costs.* Yet those
                costs are staggering for any company, especially for companies with
              several or numerous locations.</p>
              <p>Now, try to actually measure all those costs.* You have individual
                locations under your ownership all using different vendors.* It is
                often difficult at the corporate level to see and measure the performance
                of suppliers because these costs are fragmented and each vendor has
                his own units of measurement.* While other areas of the business
                are measured against Key Performance Indicators (KPIís) <strong>there
                is no consolidated view of spending and therefore no way to create
                KPIís that can hold* employees, departments and suppliers accountable.</strong>*
                This lack of information keeps management from answering the most
                basic questions about its business, including:</p>
              <ul>
                <li>Are we purchasing from the right suppliers who are using
                    appropriate technology for our business?</li>
                <li>Are we getting the best volume discount pricing that
                    we are entitled to?</li>
                <li>Are we getting the services we are paying for?</li>
                <li>Are we operating in the most effective manner?</li>
              </ul>
              <p>Progressive Expense Reduction specializes in helping you answer
                these questions.* <strong>We bring a whole new perspective to cost
              management Ė one that works at a single or multi location level.</strong></p>
              <p>Progressive Expense Reduction will identify possible areas for cost
                reductions and investigate the possibilities for savings either with
                the current supplier or a new one.<br />
                We recommend specific actions that will save you money while maintaining
                the quality of the service or improving it.</p>
              <p>We provide the expertise in identifying a wide range of suppliers
                who are interested in doing business with you. It is not unusual
                for our clients to save up to 30% of their operating costs by using
                the services of Progressive Expense Reduction.</p>
              <h3><strong>What We Cost</strong></h3>
              <p>If we do not identify any cost recovery, there is no cost to you.
              You benefit greatly by us confirming that your expenses are in line.</p>
              <p>When we do recover costs, you pay us one half of the savings
                for the term of the agreement.* At the end of the agreement, you
                keep all of the savings.* <strong>Progressive Expense Reduction shares
                in savings only after youíve received them.</strong>* <strong>If
                we can not save you money, then there is no fee.* This makes our
                offer truly risk Ė free.</strong></p>
              <p>Itís that simple. You either save money or we donít get paid.
              </p>
              <h3><strong>Supplier Relations</strong>hips</h3>
              <p>Progressive Expense Reduction never receives a payment of any kind
              from any supplier. </p>
              <p>We recommend suppliers based on fairly negotiated prices and service
                quality standards. We work with many suppliers for many different
                clients and we use a bidding process for each job. Suppliers know
                that if they donít get the job they bid on today, there is still
              a fair chance of getting one in the future.</p>
              <p>Suppliers only recieve the information about your company that is
                required to prepare their bid. They also agree not to contact you
                directly unless we approve the contact. </p>
              <p>Progressive Expense Reduction does not implement any changes to
                your changes to your existing practices.
                We bring you recommendations and procede with implementations at
                your request.</p>
          </div>
          <div id="right">
            <h3>Newsletter</h3>
            <p><img src="images/newsletter.jpg" width="172" height="142" /><br />
            Check out our newsletter for infomation on how you can save! </p>
          <h3>Cost Savings Calculator</h3>
          <p><div align="center"><img src="images/savings.jpg" width="172" height="114" /></div></p>
          <p>Use our exclusive cost savings calcuator to see how much you can save!</p>
          </div>
      </div>
    </div>
    <div id="footer">
      <p>&copy; Progressive Expense Reduction<br />
    	Website Design by <a href="http://www.clhdesigns.com" target="_blank">CLH Designs - Web Design Whitby Ont</a></p>
        </div>
    </body>
    </html>
    As you can see the code is pretty much one in the same. I have cleared my browsers cache 1001 and one times.
    Thanks for helping me out on this appreciate it.

  10. #10
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,585
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Seems to me you are running into the peekaboo bug.
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  11. #11
    SitePoint Addict
    Join Date
    Apr 2003
    Location
    canada
    Posts
    213
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I totally see what that says. However I applied to height:1&#37;; to my #content div in my css before and was still having this issue. Also I;m using IE 7 so should that bug not be supressed anyhow??

  12. #12
    SitePoint Addict
    Join Date
    Apr 2003
    Location
    canada
    Posts
    213
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    What is the proper way to apply this hack

    In a seperate css file I do have now in my content div height:1%; and it again did not solve it so again am I apply the hack correctly
    Your Websites Your Way!!
    www.clhdesigns.com

  13. #13
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,585
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Any hacks you do should target IE6 only but I'm at a loss to know which bug it is (try all the fixes, aka position:relative; etc) though it's one of them. WAIT perhaps it's the guillotine bug? Go through all the bugs there because it has to be one of them...
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  14. #14
    SitePoint Addict
    Join Date
    Apr 2003
    Location
    canada
    Posts
    213
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Finally got it!!!!

    It was the guillotine bug.

    In my nav bar menu I had the following CSS

    Code:
    #nav {
    	background-color:#2C79B3;
    	color: #ffffff;
    	border-top: 1px solid #ffffff;
    	font: 1.4em Arial, Helvetica, sans-serif;
    }
    
    #nav ul {
    	list-style-type: none;
    	padding: 10px 20px;
    }
    #nav li {
    	display: inline;
    	padding: 0px 10px;
    }
    #nav a {
    	color: #ffffff;
    	text-decoration: none;
    }
    #nav a:visited {color: #ffffff;}
    #nav a:hover {color: #654235; background: #eee;}
    When I took the background: #eee; out of the #nav a:hover low and behold the page now displays perfectly.!!

    Wow that was not fun at all.

    Thanks for the help you are a css god my friend!

  15. #15
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,585
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Lol no if I was good I would have caught it the first time around . If you have any more questions just ask.
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work


Bookmarks

Posting Permissions

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