Problems with layout in IE6, 7 ONLY when freeform is used
Posted: 15 July 2008 03:51 PM   [ Ignore ]
Newbie
Rank
Total Posts:  7
Joined  2008-05-27

Alright, I’ve been troubleshooting this for a day now, and gotten it down to this: the page ALWAYS looks right in IE6 or 7 when freeform is not being utilized, but it only SOMETIMES looks right in IE6 or 7 when freeform is being used.

To demonstrate, I setup two pages in EE: one that uses freeform and one that is identical except it has form tags in place of the freeform tags.

With Freeform: http://tester.hearsaynashville.com/contactus-freeform
Without: http://tester.hearsaynashville.com/contactus

If you refresh the freeform version many times, you’ll eventually see something that looks like the screenshot I’ve attached.

I can’t figure out what Freeform is doing to break the layout. I know that the W3C Validator spits out errors regarding Freeform with a Strict XHTML page, so it makes it harder to debug. I’m using Freeform v. 2.6.5.

Image Attachments
contact-wrong2.jpg
Profile
 
 
Posted: 16 July 2008 07:12 AM   [ Ignore ]   [ # 1 ]
Administrator
Avatar
RankRankRankRank
Total Posts:  3374
Joined  2006-10-18

I highly doubt this is a Freeform issue…

Have a look at your code.
For starters, you don’t have the opening Form tags (Freeform Start) on your Freeform page… all you have is a stray </form> tag at the end. wink

 Signature 
Profile
 
 
Posted: 16 July 2008 07:24 AM   [ Ignore ]   [ # 2 ]
Newbie
Rank
Total Posts:  7
Joined  2008-05-27

Hmm… I was pretty sure I did, though! I followed the documentation. Here’s my code in the EE template:

<div id="main_twocolumn" class="span-14">
{exp:weblog:entries weblog="{my_weblog}" limit="1" sort="asc"}

<h1>Contact Us</h1>

  <
p>Got a question? Suggestion? We'd definitely love to hear from you. Even if it's a complaint! We know the only way we get better is through honest communication with our
clients
, so bring it on. Of course, we take pretty kindly to friendly words as well. So whatever it is, let us hear it:</p>

{exp:freeform:form form_name='contact_us' required='name|email|message' notify='hello@hearsaynashville.com' template='contact_us' send_user_email='yes' user_email_template='contact_us_autoreply' return='thanks'}

<p><span class="required">*</span> <span class="inputlabel">Name:</span><br />
<
input type="text" name="name" value="" class="name" size="25" />
</
p>

<
p><span class="required">*</span> <span class="inputlabel">Email:</span><br />
<
input type="text" name="email" value="" class="email_address" size="25" />
</
p>

<
p><span class="required">*</span> <span class="inputlabel">Question/Comment:</span><br />
<
textarea rows="10" cols="100" name="message" class="comment"></textarea>
</
p>
<
p class="required_explanation"><span class="required">*</span> We'll need you to fill these out to submit this form.</p>

<div class="panel_buttons">
<input type="image" src="/themes/site_themes/hearsay/contactus_button_submit.png" class="button_submit" name="submit" value="submit" />
<a href="#" class="contact-slide"><img src="/themes/site_themes/hearsay/contactus_button_cancel.png" class="button_cancel" alt="" /></a>
</div>

{/exp:freeform:form}

{/exp:weblog:entries}
  </div><!--/#main_twocolumn-->

Profile
 
 
Posted: 16 July 2008 01:58 PM   [ Ignore ]   [ # 3 ]
Administrator
Avatar
RankRankRankRank
Total Posts:  3374
Joined  2006-10-18

What’s all this:

eval(unescape('&#x76;&#x61;%

Double-check your CSS as well.... that’s probably where the issue lies ;)

 Signature 
Profile
 
 
Posted: 16 July 2008 02:07 PM   [ Ignore ]   [ # 4 ]
Newbie
Rank
Total Posts:  7
Joined  2008-05-27

So that’s NOT introduced by Freeform? That’s where I assumed the problem lied, but it’s right there in the spot where this was:

{exp:freeform:form form_name='contact_us' required='name|email|message' notify='hello@hearsaynashville.com' template='contact_us' send_user_email='yes' user_email_template='contact_us_autoreply' return='thanks'}

I just assumed it was something Freeform was doing to hide the email addresses. No?

Take the freeform tag out, and the code I referenced earlier, when rendered, becomes:

<div id="main_twocolumn" class="span-14">


<
h1>Contact Us</h1>

  <
p>Got a question? Suggestion? We'd definitely love to hear from you. Even if it's a complaint! We know the only way we get better is through honest communication with our
clients
, so bring it on. Of course, we take pretty kindly to friendly words as well. So whatever it is, let us hear it:</p>

<
form>

<
p><span class="required">*</span> <span class="inputlabel">Name:</span><br />
<
input type="text" name="name" value="" class="name" size="25" />
</
p>

<
p><span class="required">*</span> <span class="inputlabel">Email:</span><br />
<
input type="text" name="email" value="" class="email_address" size="25" />
</
p>

<
p><span class="required">*</span> <span class="inputlabel">Question/Comment:</span><br />
<
textarea rows="10" cols="100" name="message" class="comment"></textarea>
</
p>
<
p class="required_explanation"><span class="required">*</span> We'll need you to fill these out to submit this form.</p>

<div class="panel_buttons">
<input type="image" src="/themes/site_themes/hearsay/contactus_button_submit.png" class="button_submit" name="submit" value="submit" />
<a href="#" class="contact-slide"><img src="/themes/site_themes/hearsay/contactus_button_cancel.png" class="button_cancel" alt="" /></a>
</div>

</form>


  </div><!--/#main_twocolumn-->

Profile
 
 
Posted: 16 July 2008 02:30 PM   [ Ignore ]   [ # 5 ]
Administrator
Avatar
RankRankRankRank
Total Posts:  3374
Joined  2006-10-18
hearsay - 16 July 2008 02:07 PM

So that’s NOT introduced by Freeform?

Not at all LOL

Judging by your code there’s no Javascript there as well…
Any modifications to your code, or any plugins/extensions? smile

 Signature 
Profile
 
 
Posted: 16 July 2008 04:19 PM   [ Ignore ]   [ # 6 ]
Newbie
Rank
Total Posts:  7
Joined  2008-05-27

Holy yum, yum. What have I got going on here?!

Well, suprise suprise… looks like the culprit is the extension Form Tag Encoder. Wow… how did I never check for that?!

Profile
 
 
Posted: 16 July 2008 04:33 PM   [ Ignore ]   [ # 7 ]
Administrator
Avatar
RankRankRankRank
Total Posts:  3374
Joined  2006-10-18

rasberry

So everything is good then? LOL

 Signature 
Profile
 
 
Posted: 16 July 2008 05:04 PM   [ Ignore ]   [ # 8 ]
Newbie
Rank
Total Posts:  7
Joined  2008-05-27

Looks that way, thanks!

Profile