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 6 of 6
  1. #1
    New to the CF scene
    Join Date
    Jul 2008
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Internet Explorer Has someone seen this cell IE bug

    IE bug #1: When a table has multiple cells with a width of 1% on one row
    if one of the cells are stretched by text all of the other cells will grow as well.

    IE bug #2: If one of the input fields in a table row has a default value it will stretch much wider than the rest, even if they all have the same width value.

    Explained here with images http://primepixel.com/hosting/iebugs/iebug.html

    Any info appreciated!

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,865
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    Have a try by removing the width:100% from inputs
    Code:
    input 				{ /*width: 100%;*/ border: 1px solid gray }
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,928
    Thanks
    6
    Thanked 1,041 Times in 1,014 Posts
    Why are you putting an input in a table cell anyway? That’s wrong. A table is not made to lay out forms, it’s for tabular data only. Here’s how it’s done right: http://alistapart.com/articles/prettyaccessibleforms

  • #4
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,865
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    Hello VIPS, in that example 3, is that span an overkill?

    <label for="name" style="display: -moz-inline-box;"><span style="display: block; width: 120px;">Name <em>*</em></span></label>
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #5
    New to the CF scene
    Join Date
    Jul 2008
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    The reason it's in a table is because I want the inputs and the labels to fill up the full width of the table without explicitly setting width of each input, and there's no way to replicate that functionally with CSS.

  • #6
    New to the CF scene
    Join Date
    Jul 2008
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by abduraooft View Post
    Have a try by removing the width:100% from inputs
    Code:
    input 				{ /*width: 100%;*/ border: 1px solid gray }
    If I remove that the input will not fill-up the width of the cell. Instead, it will stay it's default width (about 10em?)


  •  

    Posting Permissions

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