[Done v1.3.7] Tell a Friend Email Form in IE

Is this a bug?

In IE, the Tell A Friend email form pushes out beyond and behind the
right side boxes, along with the breadcrumb background image.
Can't get to the Send button, and the "This message is included with all emails sent from this site:" doesn't wrap.

Works fine in Firefox.

Thanks!

:oops: Sorry...

I should have said this is happening both on a test site with 1.3.0, and
the cart I'm rebuilding (initial install of 1.3.0, patched with
the 1.3.0.1 patch files and db upgrade). On the latter, I FTP'd the 1.3.0.1
full file set this morning to see if it was something I'd missed in the patching.
No change or improvement. :wacko:

What template are you using?

What's the URL to the site?

Thanks Dr. Byte!

I'm using Kuroi's Future Zen template. I've taken it live. url is http://www.90bodybasics.com


I've tried several things, like switching to the classic template on both test sites...
removing the breadcrumb background image (I did enlarge that ). I also widened
#mainWrapper and the #logoWrapper to 860px.

Prolly me...not surprising. :laugh:

Must be me and my IE 6.0 browser. Seeing the same behavior in some
of the sites posted in Reviews. :dontgetit

Found it! Fixed it! Yayyy!! (Does the Snoopy Happy Dance!)

Changed TEXT AREA float: left; to float: center; in stylesheet.

TEXTAREA {
float: center;
margin: auto;
display: block;
width: 95%;
}

Uh ... hate to burst your bubble ... there is no float: center; in CSS.

Thus, using float:center simply overrides float:left, which apparently IE must not like too well with textarea fields when sizing with a percentage.

Thanks Kim & Dr. Byte.

Changed the stylesheet by removing the float, and added a max-width:

TEXTAREA {
margin: auto;
display: block;
max-width: 500px;
}

Put some breaks in English/email_extras.php:

// email advisory for all emails customer generate - tell-a-friend and GV send
define('EMAIL_ADVISORY', '-----' . "\n" . '<strong>IMPORTANT:</strong> For your<br/> protection and to prevent malicious use, all emails sent via this web site are logged<br/> and the contents recorded and available to the store owner. If you feel that you have<br/> received this email in error, please send an email to ' . STORE_OWNER_EMAIL_ADDRESS . "\n\n");

It's working and my SEND button and email advisory aren't floating off the right side of the page. Any probs foreseen with these changes?

Thanks so much!

Only problem I see is that you've just affected every TEXTAREA field on your site by making those changes. You may want to check to be sure other things aren't busted.

Awwrrrighty, then. It's back to

TEXTAREA {
float: center;

:frusty:

Your float center works but both Kim/DrByte said there is no such thing but offered no solution. Anybody have a better way of fixing this problem? Thanks!

Quote:

---

Originally Posted by TShooters

Awwrrrighty, then. It's back to

TEXTAREA {
float: center;

:frusty:

---

I commented /*float: center;*/ while we wait for the proper fix and that seems to work.

using no float setting at all is the same as commenting it out, as you have done.

That is the solution.

I did posted issues, in the past, regarding HTML forms between Firefox and IE. I'm beginning to wonder if it wouldn't be a great idea to create JS codings that would actually detect the customer's browser and load a CSS for IE and CSS for Firefox. :wink2:

Just a thought. Perhaps I'm exagerating on this one though.

Thanks for the clarification, Dr Byte! :smile:

And to you, too, BlessIsaacola! :thumbsup:

yes! finally a fix! lol. i was getting ready to post this same problem but decided to search again.

I was breaking my head trying to fix this issue and had no luck finding any threads related to this issue a couple of weeks ago.

thank you!

I've posted in other places but I've upgraded to 1.3.6, and the fix you talk about by changing the float in the stylesheet does not seem to work. Any ideas?

http://www.zen-cart.com/forum/showthread.php?t=43058
http://www.zen-cart.com/forum/showthread.php?t=45922

Perhaps sharing your URL would help someone help you ...

Hi! handkem!

What version did you upgrade from? Do you have your custom template/override
in place?

I upgraded from 1.3.5 to 1.3.6. I am using a custom template but I don't believe I have my custom template override in place, and I'm not sure what that is. Can you tell me how to use that, or what it is? Thx!!

Sorry, the URL is www.desertskyink.net

HI! handkem!

It appears you have two stylesheets -- stylesheet.css and stylesheetOLD.css --
and your cart is calling both. If you're not intending stylesheetOLD.css to be
used, I suggest renaming it to OLDstylesheet.css. I think that will
solve the problem with the Tell a Friend form in IE. :thumbsup:

There's a help file in the docs folder of your ZenCart 1.3.6 download
about stylesheet naming conventions. Hope this helps!

That was it! Thank you for your assistance!

Good news, handkem! :smile:

The simple solution of this problem is disable HTML tag <br class="clearBoth" />
on line 40 in /includes/templates/YOUR_TEMPLATE/templates/tpl_tell_a_friend_default.php.

There is nothing to "clear", because the label and textarea just above are not floating.

It's not a code bug, but IE6 and older render it buggy.

Here's my solution:

Code:

---

<label for="email-message"><?php echo FORM_TITLE_FRIEND_MESSAGE; ?></label>
<?php echo zen_draw_textarea_field('message', 30, 5, '', 'id="email-message"'); ?>
<!--br class="clearBoth" /-->
</fieldset>

---

One more issue. I've been changing things in my Stylesheet so everything lines up in the shopping card and checkout modules. Something screwed up my main page though. The 'New Products For November' are now showing up vertical rather than horizontal, and I don't think that I touched these id's or classes in the Stylesheet when I made changes, but I made a lot of changes. Once again, the site is www.desertskyink.net. Any help would be MUCH appreciated.

Thanks for that info, Dedek!




handkem,
Did you change any settings in Admin/Configuration/Maximum Values
that might affect the number of new products per row shown?

No, the only changes that I made were within the Stylesheet.

Dedek's fix works perfectly.

thanks!

Polarduality,

That probably works for the tell a friend module, by my problem still exists. My 'New Products For November' on the main page still show up vertically. Any suggestions?

handkem,

You might check your new products image sizes in Admin/Configuration/Images,
and calculate according to how many you want to show per row (Admin/Configuration/Maximum Values.

Hope that helps!

[FONT=Times New Roman]Thank u, TShooters for your link advice…and to Dedek big thanx for your code solution, it w:lol: rked!! [/FONT]

Quote:

---

Originally Posted by Dedek

There is nothing to "clear", because the label and textarea just above are not floating.

It's not a code bug, but IE6 and older render it buggy.

---

Many thanks!
I was going crazy about this befor I found this thread.
Your solution work 100% here.

Same here. I'm running Zen Cart 1.3.8 with Atheme template and had the same problem with IE6. Derek's solution works perfectly. Thanks.