By cflorin on

My textareas keep floating down when they are viewed in IE - one example is my Contact Page, but it also happens on every page that has a textarea. I tried to set a left margin and/or a narrower width, but it didn't work.

FYI, my content is in a div that has a left margin to make room for a left-floated sidebar. I think this is important, because the textareas float down until they are under the menu - just take a look here.

Thanks!

⋅ Categories: Drupal 4.7.x

Comments

ufku’s picture

ufku commented

i think textarea wrapper div clears left.
try adding ;

.webform-component-textarea {
  clear: none;
}

or 

#maincontent {
  float: left;
}

to the end of your stylesheet
--
Geneticists from METU

cflorin’s picture

cflorin commented

Thanks, but I tried these before and they don't work (the float messes up the layout really bad). I finally modified the textarea.js and set the width of the textarea and the grippie to 95%.

Somehow IE doesn't override the instructions in textarea.js with the ones in style.css, so until a better (css only) fix comes along I'll stay with this.

Thanks!

brst t’s picture

brst t commented

Something similar is happening in IE w/ my chameleon based theme, here, only it's an indentation (or, 'float across') rather than a float down.

Any ideas/suggestions?

cflorin’s picture

cflorin commented

For some reason my IE (v6) renders your page without the stylesheet. Anyway, I know what you mean; you need to insert this:

form .resizable-textarea {
	display: inline !important;
}

somewhere where it isn't overwritten (at the end of the stylesheet is best). This is what worked for me.

Good luck!

brst t’s picture

brst t commented

re: 

form .resizable-textarea {
display: inline !important;
}

Fantastic! Thanks so much! That did it.

>For some reason my IE (v6) renders your page without the stylesheet.

This, however, isn't so good. Hmm. I wonder if you'd be able to quickly let me know what you're using other than IE6? (maybe via the contact form !!)

Anonymous’s picture

Anonymous (not verified) commented

You are my hero! Thanks! You saved my life tonight. ;)

castudil’s picture

castudil commented

You solved exactly my problem.
Thanks a lot

summit’s picture

summit commented

Subscribing, how about a tab issue is this also solved with something like this?