Solved

XHTML scalable textarea?

Posted on 2002-05-18
5
1,374 Views
Last Modified: 2013-12-16
I have the following page that works great to create a scalable textarea.

http://www.raibledesigns.com/onpoint/sandbox/textarea.html

By scalable, I mean that the textarea always occupies 100% of the <td> it's in.  Could be a <div> - I don't have a preference.

However, when I change the DOCTYPE in this page from HTML to XHTML (Transitional or Strict) - I can't get it to scale any more.

To assist you, the doctype I'd like to use is:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

--
Is is possible to create an XHTML-compliant scalable textarea?

Thanks,

Matt
0
Comment
Question by:mraible
  • 3
  • 2
5 Comments
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 7019971
What browser are you looking at it with.  In IE5.5, it scales correctly with both doctypes just fine.

Cd&
0
 
LVL 1

Author Comment

by:mraible
ID: 7020518
IE 6 / Mozilla 6 RC2 - on Windows XP.  IE 6 switched to standards-compliant mode when you add the XHTML doctypes.

http://hotwired.lycos.com/webmonkey/01/14/index0a_page2.html?tw=authoring
0
 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 100 total points
ID: 7020571
You are being burned by IEs sloppy adherance to standards prior to IE6.  The page validates as xhtml 1.0 strict, but the CSS does not validate as Valid CSS 2. The height and width attribute cannot be applied to a textarea within the strict definition of the standard.  The normal action for browsers in that case would be to ignore the declaration.  

If you want the scalable textarea then you cannot use the strict dtd, and I'm not even sure that loose xhtml 1.0 will let you do it.

Cd&
0
 
LVL 1

Author Comment

by:mraible
ID: 7020588
This is what I suspected.  So there is no way to make a scalable textarea with XHTML - I was just veryifying my findings.  Thanks for your expertise.
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 7021505
I wish knew away around it. It looks like Microsoft has shot themselves in the foot with compatibility.  IE 6 has some position problems compared to earlier versions as well.  The way it used to determine margins was not to standard, so some elements may get shifted a little.

Someday maybe browser manufacturers will give us a version without problems, but don't count on it.

Thanks for the A. :^)

Cd&
0

Featured Post

Efficient way to get backups off site to Azure

This user guide provides instructions on how to deploy and configure both a StoneFly Scale Out NAS Enterprise Cloud Drive virtual machine and Veeam Cloud Connect in the Microsoft Azure Cloud.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

In my daily work (mainly using ASP.net), I need to write a lot of JavaScript code. One of the most repetitive tasks I do are the jQuery Ajax calls. You know: (CODE) I don't know if for you it's the same, but for me is soooo tedious to write the …
This article discusses the difference between strict equality operator and equality operator in JavaScript. The Need: Because JavaScript performs an implicit type conversion when performing comparisons, we have to take this into account when wri…
The purpose of this video is to demonstrate how to create a Printer Friendly PDF on a WordPress Page. This will be demonstrated using a Windows 8 PC. Tools Used are Photoshop, Awesome Screenshot” Google Chrome Extension, and SmallPDF.com Log…
The purpose of this video is to demonstrate how to manually back up a WordPress Database. This will be demonstrated using a Windows 8 PC. The Host used will be IPage.com Log into your Hosting account. IPage will be used for demonstration : Locat…

813 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

14 Experts available now in Live!

Get 1:1 Help Now