/    Sign up×
Community /Pin to ProfileBookmark

Text Areas inside a table displaying incorrectly

Copy linkTweet thisAlerts:
Jan 14.2010

Strange question:

I’ve got a form designed to be seen on displays using 1024×768 res & the page is laid out to print accurately on standard 8.5″ x 11″ paper and only needs to work in IE.

Everything displays correctly on multiple PC’s using multiple resolutions but for some reason my textarea input fields are displaying excessively wide on ONE person’s browser and it displays this way no matter what resolution is used. They are displaying almost 1/3rd wider than they do on anyone else’s browser and it screws up the entire page’s formatting. This just happens to be happening on our QA person’s PC.

Same versions of IE across all PC’s & the text size setting is the same across all PC’s.

I’m at a loss, any ideas?

Below is a code snippet:

<div id=”contact”>
<tr>
<table width=”680″ cellpadding=”0″ cellspacing=”5″>
<th width=”680″>Justification and/or purpose for this report:</th></tr>
<td width=”329″><textarea name=”justification” cols=”80″ rows=”3″>
</textarea></td></tr>
</table>
</div>

to post a comment
HTML

6 Comments(s) ↴

Copy linkTweet thisAlerts:
@DeesKoauthorJan 14.2010 — Forgot to say, all fields are aligned to the left and the left alignment/margin is perfectly fine, the field just displays like it's 110 cols instead of 80.
Copy linkTweet thisAlerts:
@FangJan 14.2010 — The html has invalid and incorrectly nested elements. Look at the table rows.
Copy linkTweet thisAlerts:
@DeesKoauthorJan 14.2010 — Thanks Fang, could you elaborate on what is nested incorrectly?
Copy linkTweet thisAlerts:
@FangJan 14.2010 — &lt;div id="contact"&gt;
&lt;tr&gt;
&lt;table width="680" cellpadding="0" cellspacing="5"&gt;
&lt;th width="680"&gt;Justification and/or purpose for this report:&lt;/th&gt;&lt;/tr&gt;
&lt;td width="329"&gt;&lt;textarea name="justification" cols="80" rows="3"&gt;
&lt;/textarea&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;
&lt;/div&gt;
Probably should be:&lt;div id="contact"&gt;
&lt;table width="680" cellpadding="0" cellspacing="5"&gt;
&lt;tr&gt;
&lt;th&gt;Justification and/or purpose for this report:&lt;/th&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;textarea name="justification" cols="80" rows="3"&gt;&lt;/textarea&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;/div&gt;
Copy linkTweet thisAlerts:
@DeesKoauthorJan 14.2010 — mmm okay.

Thanks!

I'll give it a try and see if it helps.
Copy linkTweet thisAlerts:
@DeesKoauthorJan 14.2010 — Thanks for the info.

Looks like I need to refresh myself on standard html formatting for tables. However, changing the HTML per above didn't help, still showed the same way.

Ended up setting a class in the CSS for the text areas and setting the height/width within the class and just calling the class via the style attribute within the textarea tag and it is finally displaying correctly for everyone, including that one person.

Considering we're all using the exact same version of IE, I'm still somewhat at a loss as to why it would only display incorrectly on ONE browser.

I did read somewhere online that when using the rows & cols size attributes, the textarea's displayed width is determined using the standard width of a character for the font being used on the page... don't know how true this is, but I'm wondering how that could have come into play.
×

Success!

Help @DeesKo spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.17,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...