Textarea resize

Hi,
In the beta version of safari released for windows, when we try run our web application we faced an issue with textarea. In safari browser the textarea is having an option to drag or resize, which makes other components in the page mis aligned. *Is there any way to disable the option of textarea resizing.*
Thanks,
arun d.

Safari supports the max-width & max-height css properties. You can use those to limit the width.

Similar Messages

Issue with TextArea resize event

Hi,
In the following
sample there
is a button and a textarea in a VDivideBox. If you move the
divider, the Textarea is resized and in its resize event I change
the fonts size. It works very well except in one case: If the
Textarea is given the focus and then you try to resize it by moving
the divider, then all the text goes blank ! I've debugged it and
everything looks fine, so I can't figure out what's going on...
I'm using Flex 3. To see the code, right click and View
Source.
Thanks for helping.

Hello,
You say:
"The event trace shows that INPUTFINISHED got triggered. The technical workflow log also shows a record of the terminating event - but still the task does not get finished - the task still remains INPROCESS and does not get COMPLETED."
I would concentrate on fixing this. If an event is being created wth the proper key (check that) then the workflow should pick it up. You say you can even see it in the workflow log? Are you using a wait step, or have you set the event as a terminating event for the whole workflow? Try generating the event manually (with SWUE) to figure out what the problem is. This should work. Check the workflow log for errors.
regards
Rick Bakker
Hanabi Technology

Disable Textarea resize in firefox - not website owner

How do I stop Firefox from resizing Textarea? I'm not the website owner and deal with a lot of websites with these form so editing the HTML is not an option.
Is there a setting in about:config or an add-on to disable this for some/all websites?

See:
*https://developer.mozilla.org/en/CSS/resize
Add code to the userContent.css file.
*http://kb.mozillazine.org/userContent.css
The customization files userChrome.css (interface) and userContent.css (websites) are located in the chrome folder in the user profile folder.
*http://kb.mozillazine.org/Editing_configuration
*https://developer.mozilla.org/en/CSS/@-moz-document
<pre><nowiki>textarea.example {
resize: none; /* disables resizability */
} </nowiki></pre>
<pre><nowiki>@-moz-document domain(support.mozilla.org) {
textarea.example {
resize: none; /* disables resizability */
} </nowiki></pre>

Prevent TextArea From Expanding Horizontally

I have a form item with the Display As property set to Textarea. This item is setting in a sized region with a CSS style for overflow set to auto. When the Textarea is expanded vertically beyond the current size of the region, it (correctly) adds a vertical scrollbar to the region. However, if the Textarea is expanded horizontally, no horizontal scrollbar is added.
I fought with this for awhile but, realized that, aesthetically, I'd prefer that the Textarea simply not expand in the horizontal direction (as opposed to getting the horizontal scrollbar to work for the containing region).
I am able to locate the Textarea item with javascript by searching for the id which is P3_NOTES.
<fieldset id="P3_NOTES_fieldset" class="textarea" tabindex="-1" style="width: 326px; ">
     <textarea name="p_t07" rows="4" cols="60" wrap="virtual" id="P3_NOTES" class="textarea" style="resize: none; ">
     </textarea>
     <div class="apex_size_bar">
          <div class="apex_size_grip">
     </div>
          </div>
</fieldset>I have several questions...
1. What is the "wrap" tag? This isn't CSS. What does it do? If it isn't valid CSS, should APEX be using it? What are the possible values besides "virtual"?
2. How can I change this (or can I) so that it can only be resized in the vertical direction?
Thanks,
-Joe

It was a Netscape only tag and, hence, it really is a bug that it is being generated by APEX. I think I will try to file that though support.
Another very odd thing about TextArea resize functionality is that if, within the Page Item Attributes page, you can set the Resizable property to No. However, doing so only removes the little handle (apex_size_grip) but, it is still completely resizeable. It just moves the little "corner slashes" graphic into the control itself rather than in an additional handle. I can still use it to merrily stretch the control to my heart's content.
I can set any css property using a little javascript but, specifically, what css could I set that would prevent it from being able to expand horizontally?

Resizeable text field feature, only applies to textareas?

Can someone confirm that the resize feature 'text fields' really only applies to textareas, and not input fields with type of text.

If you take a look at a site with text fields (even this one, when you posted the message, the 'Model' and 'Other Details' field are Text Fields), they do not have resize bars, only text areas:
Text Field (no resize):
http://www.echoecho.com/htmlforms05.htm
TextArea (resize):
http://www.htmlcodetutorial.com/forms/_TEXTAREA.html

How can I disable resizeable text areas?

In the beta version, I noticed you added a resize option for multiline text areas. How can I disable this for all the users on my website? Is there something I can write in my CSS to disable it?

See:
*http://dev.l-c-n.com/form-controls/resize_textarea.html
<pre><nowiki>textarea {resize:none}</nowiki></pre>

Resize textarea based on external text doc

I am wanting to make a scroller. I have it all working fine
except the fact that i need the textArea to resize itself based on
the amount of text that it is loaded. I have created one that
scrolls vertical, i used scroller._height = scroller.length. and
that sizes the text area to the amount of text that is there. But
not i need a horizontal, side to side, and am not sure how to get
the text area to size its width. Can anyone help?
Thank you for your time

The table column size is inconsistent, I set the columns in the table view and the items in the initialize method. I execute a service and task from a button action that loads data into the list, if I don't reset the columns in the table view in the succeed method then each column is the same width regardless of the content in the cells. If I do reset the table columns in the succeed method then the columns are resized based on content.
I don't think it should be a requirement to reset the columns just to get the column widths to set based on the content in the cells. Is there a method on the table column or view that will resize the cells based on the cell content? I would prefer the largest value; column header content or the longest cell content for a column.

Auto-resizing TextArea in Flex 4

Does anyone know how I can auto-resize the height of a Spark TextArea please? I tried following the examples in http://forums.adobe.com/thread/748191 but couldn't get it to work in either Flex 4.1 or Flex Hero.
Here's what I'm doing:
<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009"
                       xmlns:s="library://ns.adobe.com/flex/spark"
                       xmlns:mx="library://ns.adobe.com/flex/mx">
    <s:TextArea width="100%" heightInLines="{NaN}" minHeight="50"/>
</s:WindowedApplication>
When I press enter I need the TextArea's height to auto-resize, rather than scrolling up/down. Any help appreciated.

@jeffry
it surprises me too - but try this: http://polygeek.com/2249_flex_display-html-text-in-the-spark-textarea

I am not getting scrollbar in textarea for row=1, without applying resize and overflow-y css. How i can fix this without these properties

I am not getting scrollbar in textarea for row='1' without applying resize and overflow-y css. How i can fix this issue without these properties.

maybe the [http://forums.mozillazine.org/viewforum.php?f=25 Web Development / Standards Evangelism] mozillazine fourms will help you out better if you dont get an answer here.

Resizing textarea without squishing text

I know there has got to be a simple way to do this, but I've
just bought this Flash 8 Pro and can't find out how...
I am trying to resize a text area from 270 pixels high to 135
pixels high-- one half the height-- but every time I try this with
various tools, the text that displays in the textarea gets scaled
too, so the text becomes tiny in the y dimension and I can't read
it. I only want to resize the bounding box, not scale it and
everything in it... just the area. But how?

"Budsy" <[email protected]> wrote in message
news:ek26h1$dq5$[email protected]..
>I know there has got to be a simple way to do this, but
I've just bought
>this
> Flash 8 Pro and can't find out how...
>
> I am trying to resize a text area from 270 pixels high
to 135 pixels
> high--
> one half the height-- but every time I try this with
various tools, the
> text
> that displays in the textarea gets scaled too, so the
text becomes tiny in
> the
> y dimension and I can't read it. I only want to resize
the bounding box,
> not
> scale it and everything in it... just the area. But how?
>
>
Make sure you have selected the text area only and not a
movieclip
containing the text area.
Next, make sure you resize using the resize tool and not by
specifying a
size in the properties box for width and height.

Resizing textarea input element dynamically

how can the texarea size adjusted ( both horizontally as well as vertically ) based on browser window resizing by user using mouse controls. Using Jdev 11.1.3 and ADF
thanks
Seetharaman

My understanding is the current inputText component does not support this behaviour. I recommend lodging an enhancement request with Oracle Support.
CM.

Dynamically resizing a textarea

I have some textareas on a form that need to be a fixed
width. The database field is varchar(100) but the form field must
remain only 40 characters wide. The on-line version is no problem
because the field will be scrollable. But, you can't "scroll" the
printed version.
What can I do to allow the client to see the entire text of
the field on the printed version without affecting the width of the
field?
I could provide a separate "printer friendly version" where I
change the field from a textarea to a simple "text" field (like a
paragraph or something). But, I want to avoid creating a separate
file and, hopefully, be able to use CSS to present all the data in
the field.
Thanks in advance

Richard Mossman wrote:
> I have some textareas on a form that need to be a fixed
width. The database
> field is varchar(100) but the form field must remain
only 40 characters wide.
> The on-line version is no problem because the field will
be scrollable. But,
> you can't "scroll" the printed version.
>
> What can I do to allow the client to see the entire text
of the field on the
> printed version without affecting the width of the
field?
>
> I could provide a separate "printer friendly version"
where I change the field
> from a textarea to a simple "text" field (like a
paragraph or something). But,
> I want to avoid creating a separate file and, hopefully,
be able to use CSS to
> present all the data in the field.
>
> Thanks in advance
>
Why don't you display the data in a <p> tag?
You could set the textbox "rows" to anything you want.
Mick

Dynamically resizing TextArea ?!?!?! I cant see what I am typing

http://cookbooks.adobe.com/post_Creating_a_dynamically_resizing_TextAr ea_without_s-13628.html
used code in above link, additionally I added code for width similar to height,
the else part in below
override public function set width(value:Number):void
    if(condition)
    else
                  textField.validateNow();
                    if (textField.textWidth+7<= this.maxWidth)
                        super.width=textField.textWidth+7;
                    else
                        this.wordWrap =true;
                        super.width = super.maxWidth;
also I set wordWrap=false in adjustHeightHandler and constructor. when I continue typing it reaches maxWidth then maxHeight after that i cant see what I am typing.
live scrolling reaches maximum height, but I could see by press down arrow

Hope the following code will help u,
public function CustomTextArea()
            super();
            this.addEventListener(KeyboardEvent.KEY_DOWN,onKeyDown);
                    private function onKeyDown(keyEvt:KeyboardEvent):void{
                              updateDisplayList(unscaledWidth,unscaledHeight);
        override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
            super.updateDisplayList(unscaledWidth, unscaledHeight);
            this.height = this.textField.textHeight+10;
            this.textField.scrollV = 0

Losing carriage returns in textarea / using plpdf to generate report

Hello,
I'm using Apex 3.1.1 and Oracle 10g database. I would appreciate any suggestions on how I can preserve carriage returns in a textarea when sending the text to a package that generates a report. Please see example of current problem (below code). I'm using an onkeypress function to check for keycode = 13 when the Enter key is pressed -- that is working. I also created an alert to show the url value -- I can see the text on multiple lines, so that appears to be working as well. The textarea value parameter in the package is defined as varchar2. Per the support folks at plpdf.com, chr(13) indicates an explicit line break, and they told me to check my text. I don't know what I'm missing. Thank you for any suggestions you may have.
Lisa
function callPLPDFRep()
      var url;
      url = '#OWNER#.' + $x('P&APP_PAGE_ID._REPORT_PROCEDURE').value + '?' + build_params();
      w = open(url, "winPDFRep", "Scrollbars=1, resizable=1, width=800, height=600");
      if (w.opener == null)
        w.opener = self;
        w.focus();
   function build_params()
    var lparms;
    lparms = '';
    lparms = lparms + '&p_incorrect=' + $x('P212_INCORRECT').value;
    lparms = lparms + '&p_correct=' + $x('P212_CORRECT').value;
    return lparms;
}Text in textarea:
035 5768 06/15/2010
035 5768 06/16/2010
035 5768 06/17/2010
Printout on report:
035 5768 06/15/2010035 5768 06/16/2010035 5768 06/17/2010

Hello Michael,
Thank you for your response. After doing some researching and experimenting, here's what I have found so far.
First, using an onkeypress function to alert the keycode, a chr(13) is being returned when I press the Enter key in the textarea.
function check_Enter(e)
    var keynum;
    var textval = $x('P212_INCORRECT').value;
    if(document.all)
      keynum = e.keyCode
    else
      keynum = e.which
    alert(keynum);
}Next, when I access the value of the textarea via javascript with $x('P212_INCORRECT').value, the chr(13) is automatically converted to the newline character (\n). In an attempt to replace the \n with a \r so plpdf will recognize the carriage return, I added a javascript replace function before sending the text to the package, and it does not work.
function build_params()
    var lparms;
    lparms = '';
    lparms = lparms + '&p_incorrect=' + $x('P212_INCORRECT').value;
    lparms = lparms + '&p_correct=' + $x('P212_CORRECT').value;
    alert(lparms.split(/\n/g).length - 1); // confirm that a newline character is found
    lparms = lparms.replace( new RegExp( "\n", "g" ), "\r"); // replace newline character with carriage return
    return lparms;
}When I tried to replace the newline character (\n) with chr(13), the chr(13) is printed out like it is text instead of a special character. In order to test that I have the correct syntax for the replace function in javascript, I tried replacing \n with '...', and then in the package that generates the PDF, I replaced the '...' with chr(13). That works!
In response to your comment about the PLPDF procedure for multi line section, I am using: plpdf.PrintMultiLineCell(180, 6, l_incorrect, '0', 0). As a newbie to javascript, I am not sure why replacing \n with \r is not working. Can you advise how to use a chr(13) in the javascript replace function and have it recognized as a special character and not text? I don't know how to view special characters in the textarea other than checking for them with javascript.
Thanks, Lisa

Div moves down when window is resized

Hello,
Here's my problem: When I resize my browser window the main div is resized up until a certain point when it just falls below all of the other content.
How can I prevent this from happening? I have both the top and bottom div's set to auto width, so I can't figure out whats going wrong.
Here's the website if you want to see for yourself: www.hondovfd.org
Here's some code from my template file:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>Untitled Document</title>

<meta name="description" content="Hondo Fire and Rescue serves the Arroyo Hondo and Canada Village areas of Santa Fe County, NM." />
<meta name="keywords" content="hondo, hondo fire, hondo vfd, hondo fire department, santa fe county fire department, santa fe county, volunteer fire department, hondo volunteer fire department" />
<link href="../stylesheet1.css" type="text/css" rel="stylesheet" />

<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
</head>
<body class="thrColLiqHdr">
<div id="container">
<div id="header"></div>
<div id="sidebar1">
<h3>Navigation : </h3>
<ul id="MenuBar1" class="MenuBarVertical">
<li><a href="/index.php">Home</a></li>
<li><a href="/support.php">Support Hondo</a></li>
<li><a class="MenuBarItemSubmenu" href="#">Information Menu</a>
    <ul>
      <li><a href="/people.php">Our People</a></li>
      <li><a href="http://www.google.com/maps/ms?ie=UTF8&hl=en&msa=0&msid=101620713606637979698.00045b6ead4ab4ea70b78&z=11" target="_blank">Response Area</a></li>
      <li><a href="/medical.php">Medical</a></li>
      <li><a href="/apparatus.php">Apparatus</a></li>
      <li><a href="/training.php">Training</a></li>
      <li><a href="/volunteer.php">Volunteer</a></li>
      <li><a href="/statistics.php">Statistics</a></li>
      <li><a href="/patchtrading.php">Patch Trading</a></li>
    </ul>
</li>
<li><a href="/gallery2/main.php">Photo Gallery</a></li>
<li><a href="/calendar.php">Calendar</a></li>
<li><a href="/news.php">Blog/News</a></li>
<li><a href="/links.php">Links</a></li>
<li><a href="/contact.php">Contact Us</a></li>
</ul>
<br />
<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<span class="lefttext">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="8567201">
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_donate_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!" align="middle" />
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1" align="absmiddle" >
</img></input></input>
</span>
</form>
<span class="lefttext"><br />
</span>
<center>
<span class="lefttext"><a href="http://www.facebook.com/pages/Santa-Fe-NM/Hondo-Volunteer-Fire-Department/74284233488" target="_blank" class="lefttext">Hondo VFD on Facebook</a></span>
</center>
</div>
<div id="sidebar2">
    <p><a href="/membersonly/login.php">Log In</a> | <a href="/membersonly/logout.php">Log Out</a><br />
    <a href="/membersonly/register.php">Register</a></p>
    <p><img src="/firedanger/Moderate.jpg" width="127" height="100" /></p>
    <p>Call Statistics as of:<br />
    <?php
$myFile = "/home/hondovf1/public_html/membersonly/month.txt";
$fh = fopen($myFile, 'r');
$theData = fread($fh, filesize($myFile));
fclose($fh);
echo $theData;
?><?php
$myFile = "/home/hondovf1/public_html/membersonly/date.txt";
$fh = fopen($myFile, 'r');
$theData = fread($fh, filesize($myFile));
fclose($fh);
echo $theData;
?></p>
<table width="90%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
    <td width="60%">EMS Calls</td>
    <td width="40%"><?php
$myFile = "/home/hondovf1/public_html/membersonly/emscalls.txt";
$fh = fopen($myFile, 'r');
$theData = fread($fh, filesize($myFile));
fclose($fh);
echo $theData;
?></td>
</tr>
<tr>
    <td>Fire Calls</td>
    <td><?php
$myFile = "/home/hondovf1/public_html/membersonly/firecalls.txt";
$fh = fopen($myFile, 'r');
$theData = fread($fh, filesize($myFile));
fclose($fh);
echo $theData;
?></td>
</tr>
    <tr>
    <td>Other Calls</td>
    <td><?php
$myFile = "/home/hondovf1/public_html/membersonly/othercalls.txt";
$fh = fopen($myFile, 'r');
$theData = fread($fh, filesize($myFile));
fclose($fh);
echo $theData;
?></td>
</tr>
</table>
<hr />
     
    <div id="cse" style="width: 100%;">Loading</div>
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
google.load('search', '1', {language : 'en'});
google.setOnLoadCallback(function(){
    var googleNumSearchResults = 5;
     var customSearchControl = new google.search.CustomSearchControl('002969495656254731547:rhlwwedx2hi');
    customSearchControl.setResultSetSize(google.search.Search.SMALL_RESULTSET);
    customSearchControl.draw('cse');
}, true);
</script>
<link rel="stylesheet" href="http://www.google.com/cse/style/look/default.css" type="text/css" />
     
</div>

<div id="mainContent">
<div class="topleft"></div><div class="top"><div class="topright"></div></div>
<div class="wrap">

    <table width="95%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td height="47" class="h2">Header</td>
      </tr>
      <tr>
        <td>Text Goes Here!</td>
      </tr>
    </table>

</div><br class="clearfloat" />
<div class="bottomleft"></div><div class="bottom"><div class="bottomright"></div></div></div>
</div>
</div>
</div>
     <br class="clearfloat" />
<div id="footer">
    <p align="center">© Copyright 2009 Hondo Volunteer Fire Department | <a href="mailto:[email protected]">Contact Us</a><a href="http://www.legalhelpers.com/chapter-13-bankruptcy/chapter13.html"></a><br />Hosting provided by <a href="http://studiox.com/" target="_blank">Studio X</a></p>
</div>
</div>
<script type="text/javascript">

</script>
<?php include_once("/home/hondovf1/public_html/analyticstracking.php"); ?>
</body>
</html>
And here is my CSS file:
body {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 12px;
     width: auto;
     color: #333333;
     margin-top: 0;
     margin-right: 0;
     margin-bottom: 0;
     margin-left: 0;
     padding-top: 0;
     padding-right: 0;
     padding-bottom: 0;
     padding-left: 0;
     background-image: url(images/main-right.png);
     background-repeat: repeat-y;
.thrColLiqHdr #container {
     width: 95%; /* this overrides the text-align: center on the body element. */
     margin-top: 0;
     margin-right: auto;
     margin-bottom: 0;
     margin-left: auto;
     height: auto;
     background-image: url(/images/halftone1.png);
.thrColLiqHdr #header {
     padding: 0 10px;
     height: 100px;/* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
     background-image: url(images/header.jpg);
     background-repeat: no-repeat;
     background-position:center;
     border-bottom-width: 5px;
     border-bottom-style: solid;
     border-bottom-color: #000;
.thrColLiqHdr #navbar {
     height:45px;
.thrColLiqHdr #header h1 {
     margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
     padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
/* Tips for sidebars:
1. Since we are working in percentages, it's best not to use side padding on the sidebars. It will be added to the width for standards compliant browsers creating an unknown actual width.
2. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".thrColLiqHdr #sidebar1 p" rule.
3. Since Explorer calculates widths after the parent element is rendered, you may occasionally run into unexplained bugs with percentage-based columns. If you need more predictable results, you may choose to change to pixel sized columns.
.thrColLiqHdr #sidebar1 {
     float: left; /* this element must precede in the source order any element you would like it be positioned next to */
     width: 15%; /* top and bottom padding create visual space within this div */
     height: 100%;
     padding-top: 15px;
     padding-right: 0;
     padding-bottom: 15px;
     padding-left: 0;
     min-width: 150px;
.thrColLiqHdr #sidebar2 {
     float: right; /* this element must precede in the source order any element you would like it be positioned next to */
     width: 15%; /* top and bottom padding create visual space within this div */
     padding-top: 0px;
     padding-right: 0;
     padding-bottom: 15px;
     padding-left: 0;
     min-width: 150px;
.thrColLiqHdr #sidebar3 {
     float: right; /* this element must precede in the source order any element you would like it be positioned next to */
     width: 275px; /* top and bottom padding create visual space within this div */
     padding-top: 0px;
     padding-right: 0;
     padding-bottom: 15px;
     padding-left: 0;
     min-width: 150px;
.thrColLiqHdr #sidebar1 p, .thrColLiqHdr #sidebar1 h3, .thrColLiqHdr #sidebar2 p, .thrColLiqHdr #sidebar2 h3 {
     margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
     margin-right: 10px;
     text-align: center;
/* Tips for mainContent:
1. the space between the mainContent and sidebars is created with the left and right margins on the mainContent div.
2. to avoid float drop at a supported minimum 800 x 600 resolution, elements within the mainContent div should be 300px or smaller (this includes images).
3. in the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This avoids several IE-specific bugs.
.thrColLiqHdr #mainContent {
     margin-top: 10px;
     margin-bottom: 10px;
     float: left;
     width: 65%;
     background-image: url(images/main-right.png);
     background-repeat: repeat-y;
     background-position: right;
.h2 {
     color: #B4241B;
     font-size: 20px;
     letter-spacing: -2px;
     font-weight: 100;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     padding-top: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     padding-left: 0px;
     line-height: normal;
.thrColLiqHdr #footer {
     text-align: center;
     color: #666;
     font-size: 11px;
     padding: 10px;
     background: #f7f7f7;
     border-top: 1px solid #aaa;
     width: auto;
.thrColLiqHdr #footer p {
     margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
     padding: 2px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
     float: right;
     margin-left: 8px;
.fltlft { /* this class can be used to float an element left in your page The floated element must precede the element it should be next to on the page. */
     float: left;
     margin-right: 8px;
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
     clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
.topleft {
     height:22px;
     width:19px;
     background-image:url(images/top-left.png);
     float: left;
.top {
     height:23px;
     background-image: url(images/top.png);
     background-repeat:repeat-x;
     width: auto;
.topright {
     height:22px;
     width:28px;
     background-image:url(images/top-right.png);
     float: right;
.textarea{
.wrap{
     text-align: justify;
     padding-right: 40px;
     padding-left: 40px;
     background-repeat: repeat-y;
     float:left;
     background-image: url(images/main-left.png);
     width: auto;
     clear: left;
.wrapright {
     width:4px;
     background-image:url(images/main-right.png);
     background-repeat: repeat-y;
     float: right;
.bottomleft {
     height:22px;
     width:19px;
     background-image:url(images/bottom-left.png);
     float: left;
     clear: left;
.bottom {
     height:23px;
     background-image: url(images/bottom.png);
     background-repeat:repeat-x;
     width: auto;
.bottomright {
     height:22px;
     width:27px;
     background-image:url(images/bottom-right.png);
     float: right;

That's one of the problems with liquid (%) based layouts. In your default.css file, replace the top 2o selector rules with the following:
body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333;
    margin:0;
    padding:0;
    background: url(images/main-right.png) repeat-y;
.thrColLiqHdr #container {
    width: 95%;
   min-width: 870px; /**keep page from collapsing**/
    margin:0 auto;
    background: url(/images/halftone1.png);
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

Textarea resize

Similar Messages

Maybe you are looking for