By ThePeach on

I've found a great problem. The textareas in 4.7 are replaced with javascript for a fancy resizable textarea but, trying to modify them via css won't work for me...

The problem I have may be a bigger problem.
the "main" div (for content) is a normal block box
but on the right I've got a floating box (right side pane).

The problem is that javascript seems not to be capable to see the float box, and calculates the width without it. When the page is diplayed I've got an ugly and really great problem: The textarea field (and any other that may come in the page) are overlapped with a higher with right under the float box...

Should I make a screenshot?

here it is: Screenshot

thanks for any help that my come

⋅ Categories: Drupal 4.7.x

Comments

dvessel’s picture

dvessel commented

If you know the width of that side block then give the main content area a padding or margin of the same amount on the same side. Remember, when you float an element it doesn't adhere to the flow of the surroundings so you must be careful.

The text area doesn't have a set width if I remember correctly. -well most anyways. It's just filling up what's available in it's parent block. It is possible to change the width of the input area but try this first.

example:

#yoursidebar {
     width: 23em;
     ..........
}

#maincontent {
     padding-right: 23em;
     /* or */
     margin-right: 23em;
     ..............
}

Either will work in this case but padding is more reliable in general since margins can intersect.

-joon
www.dvessel.com

ThePeach’s picture

ThePeach commented

Just because there's no rightbar when the user has not logged in, I've added a fixed width for the rightbar as you suggested:
#rightbar { width: 200px; }
and then in page.tpl.php :

  <?php if (trim($sidebar_right) != ""): ?>
  <style type="text/css" media="all">
    #main { margin-right: 190px; }  
  </style>
  <?php endif; ?>

thanks for your help :)

stephenau’s picture

stephenau commented

I have fixed my Textarea width problem. See if it helps:

http://drupal.org/node/83189