...

View Full Version : Has someone seen this cell IE bug



joshmax
07-11-2008, 10:29 PM
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! :thumbsup:

abduraooft
07-12-2008, 08:16 AM
Have a try by removing the width:100% from inputs

input { /*width: 100%;*/ border: 1px solid gray }

VIPStephan
07-12-2008, 09:41 AM
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

abduraooft
07-12-2008, 09:49 AM
Hello VIPS, in that example 3 (http://alistapart.com/d/prettyaccessibleforms/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>

joshmax
07-13-2008, 02:46 AM
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.

joshmax
07-13-2008, 02:50 AM
Have a try by removing the width:100% from inputs

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?)



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum