Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Feb 2006
    Location
    Kearney, Nebraska
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Internet Explorer Text is cut or repeated when enlarging or shrinking it

    I am using the style="table-layout:fixed" attribute on a website, and whenever I enlarge the text in IE (view menu>text size, or Ctrl+scroll) it pushes it off the screen right at the word breaks, and if I make it smaller, it repeats the text on every line like this:

    At Prodigy CNC, we pride ourselves in combining vast machining and programming
    and programming experience with the highest quality equipment. Our rings are available
    Our rings are available in sizes 4-16 including all half and quarter sizes. We offer 3
    sizes. We offer 3 widths in most styles and sizes. Aircraft grade Titanium is the only
    Titanium is the only material we use. When you receive a ring from us, you will know that...

    Check out www.prodigycnc.com in IE to see what I'm talking about. If you try to select the text, it only selects the real text. It doesn't do it in Firefox. I've never seen anything like it.
    Michael Tillotson

  • #2
    Senior Coder
    Join Date
    Jan 2005
    Location
    Memphis, TN
    Posts
    1,788
    Thanks
    8
    Thanked 131 Times in 129 Posts
    wow just wow that's weird. I didn't get the duplicated text but damn that's funky. I had to lok at your code and then look at what table-layout:fixed even was supposed to do. Can I make the required asking of '"why are you using tables for this?" You're going to get at one time or another. This is a very simple table-less layout in css. But anyways...

    Your table is built wrong for starters.

    look at this:

    Code:
        <td valign="bottom" background="images/pxl.jpg"><a href="#"><img 
    
    name="template41_r9_c2" src="images/template41_r9_c2.jpg" width="177" 
    
    height="32" border="0"></a></td>
        <td rowspan="5" valign="top" 
    
    background="images/template41_r9_c4.jpg"></td>
        <td colspan="2" valign="top"><img name="template41_r9_c6" 
    
    src="images/template41_r9_c6.jpg" width="558" height="53" 
    
    border="0"></td>
      </tr>
      <tr>
        <td><a href="gallery.html"><img name="template41_r10_c2" 
    
    src="images/template41_r10_c2.jpg" width="177" height="27" 
    
    border="0"></a></td>
    	<td colspan="2" rowspan="6" valign="top">
        <p align="justify"><font size="3" face="Verdana, Arial, Helvetica, 
    
    sans-serif">&nbsp;&nbsp;&nbsp;&nbsp; At Prodigy CNC, we pride ourselves 
    
    in combining vast machining and programming experience with the highest 
    
    quality equipment. Our rings are available in sizes 4-16 including all 
    
    half and quarter sizes. We offer 3 widths in most styles and sizes. 
    
    Aircraft grade Titanium is the only material we use. When you receive a 
    
    ring from us, you will know that it was made by one of only two operators 
    
    with a combined 35 years of machining experience. Our Programmer has 10 
    
    years of experience machining aircraft grade Titanium and has learned the 
    
    most efficient and cost effective ways to reduce tool wear and create 
    
    unsurpassed quality. This refined approach leads to lower production 
    
    costs and a higher resale profit margin for our customers. Let us help 
    
    you take advantage
    	of the ever increasing Titanium trend by providing you with 
    
    superior quality and style at an unbeatable price.</font></p>
    
    	</td>
      </tr>
      <tr>
        <td><a href="aboutti.html"><img name="template41_r12_c2" 
    
    src="images/template41_r12_c2.jpg" width="177" height="27" 
    
    border="0"></a></td>
      </tr>
      <tr>
        <td width="185"><a href="contactus.html"><img 
    
    name="template41_r17_c2" src="images/template41_r17_c2.jpg" width="177" 
    
    height="27" border="0"></a></td>
      </tr>
    your text is located in the same row as your 2nd link. It needs to be set in it's own column sort of like:

    Code:
    <table>
    <tr>
    <td>
    this is your header stuff
    </td>
    </tr>
    <tr>
    <td>
    <table>
    <tr><td>Link</td></tr>
    <tr><td>Link</td></tr>
    <tr><td>Link</td></tr>
    <tr><td>Link</td></tr>
    </td>
    </tr>
    </table>
    <td>
    <table>
    <tr>
    <td>
    all your text goes here
    </td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    Stop making things so hard on yourself.
    i is tugbucket :: help raise tugburg :: Whitehaven Kiwanis

  • #3
    New to the CF scene
    Join Date
    Feb 2006
    Location
    Kearney, Nebraska
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Part of the problem is that I edited the code that someone else had put together, and then I tried to simplify the table. I'll see if I can redo it in CSS tomorrow, unless someone else comes up with a quicker solution.

    Thanks,

    Michael
    Michael Tillotson

  • #4
    New to the CF scene
    Join Date
    Feb 2006
    Location
    Kearney, Nebraska
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I think I see what you are saying about the table layout. I'll try that too.

    ~Michael
    Michael Tillotson


  •  

    Posting Permissions

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