cformsII Support Forum
Current User: Guest *Frequently Asked Questions*
Search 
Search Forums:


 




cforms V3 look bad in IE7

Add a New Topic Reply to Post
Post

Tomsn - Guest

10:40 pm - April 4, 2007

Hi there,

first: i like your contactform Cool but: in IE7 and IE6 the form is always on the top of the page and the send buttn is on the bottom of the page... on Firefox it looks well

any idea?

 Tomsn

Oliver - Admin

10:52 pm - April 4, 2007

posts 3562

Tomsn said:

Hi there,

first: i like your contactform Cool but: in IE7 and IE6 the form is always on the top of the page and the send buttn is on the bottom of the page… on Firefox it looks well

any idea?

 Tomsn


Can you please provide a URL? With the thousands of WP themes out there it's always difficult to say why a specific layout looks the way it does. I assume you've searched the comments/FAQs for typical layout issues...

Tomsn - Guest

8:21 pm - April 5, 2007

Hi Oliver
sorry, forgott this :-)
http://clubwir.at

Oliver - Admin

11:10 pm - April 5, 2007

posts 3562

Tomsn,
Looking at your WP layout I noticed that you're columns and (div) containers use a lot of position:relative styles. This may cause the form element to not display 100% correctly. A few things you could try...

  1. add a display:block; to #loop_page
  2. add a overflow:visible; to .cforms
  3. set a specific margin-left for.cforms (instead of auto)

It's difficult to remotely analyze IE layout issues (FF is simpler) but perhaps one of these will help.

Oliver - Admin

10:58 am - April 9, 2007

posts 3562

I think I found the actual source of the problem! Find the below line in your cforms.css file:

.cformfieldsets { margin:10px 0; padding:8px 0 11px 0; border:1px solid #adadad; border-left-color:#ececec; border-top-color:#ececec; clear:left; }

And remove the last attribute clear:left this fix has been reported to solve the majority of IE display issues concerning 3 column WP themes with a non-floated center piece.

Hope this works for your theme as well.

Tomsn - Guest

7:50 pm - April 9, 2007

Hi Oliver

sorry, does have no effect on IE7 and IE6 ... :(

have a look here: http://www.clubwir.at/?page_id=2

maby this helps you more, i'm using the subtle theme: http://blog.gluedideas.com/downloads/subtle/


Tomsn 

Oliver - Admin

9:25 pm - April 12, 2007

posts 3562

quick heads-up: issue resolved by correcting the sendbutton style. See FAQ.

Tomsn - Guest

10:10 pm - April 12, 2007

Hi Oliver

thanks for your last help via Email, the Form looks now nearly perfect in IE6 and IE7

:-) 

Tomsn 

Suphi - Guest

12:47 pm - July 6, 2007

Dear Oliver,

What was the solution that you come up with for IE styling. I had to change the default style to make the sendbutton larger, then everything f*** up in IE. (FF is fine as always) and I'm lost in your website, cannot find the FAQ. I'll keep searching. But please help me.

 .cform input.sendbutton {
 width: 150px; 
 padding: 2px;
 margin: 10px 0 0 310px;
 font-size:0.8em;
 background:url(../images/button-bg.gif) repeat-x;
 border:1px solid #adadad!important;
 border-left-color:#ececec!important;
 border-top-color:#ececec!important;
}

Best,

Suphi

Oliver - Admin

8:12 pm - July 6, 2007

posts 3562

...then everything f*** up in IE.

Doesn't really help to understand the issue, can you post a URL showing the broken layout?

Here is the FAQ post.

Tans - Guest

7:01 am - August 7, 2007

I also, am having IE issues when everything looks as it should in firefox *mumbles at IE*

Any pages that have a form displayed, the center column in my 3-column theme falls to the end of right column.

I've been here previously, but not about the same problem and found the answer by reading around and finding someone else having the same problem. I've done the same thing again and can remember someone having the same problem as I am currently but I hadn't read up on it, and now that I'm trying to find it, and I can't. LOL

Here are pages where the form exists:

http://tanyaiscrazy.com/main/?page_id=123

http://tanyaiscrazy.com/main/?page_id=32

http://tanyaiscrazy.com/main/?page_id=23

If you need anything else, let me know.

I've tried upgrading to cform ver 5.3 and it didn't fix, I also tried moving the send button more to the left and that didn't help either.

Thanks for your help! 

Oliver - Admin

7:23 am - August 7, 2007

posts 3562

Your #content div container is set to 350px. cforms is configured to 410px, that's the issue.

I recommend you tweak cforms CSS until is fits into 350px, adjusting the overall width to 330px; look for .cform { ...

This might already be it... 

Tans - Guest

7:40 am - August 7, 2007

Oooooooh! Don't you just rock!! LOL Thanks for the quick reply, Oliver! Much appreciated, you are so helpful! I can't believe I didn't see that, but I appreciating you pointing the problem out! I had the problem existing on 2 themes, 2 different blog installations and now they are both fixed! Thankies!

Add a New Topic Reply to Post


Reply to Topic: cforms V3 look bad in IE7
PLEASE READ THE FAQs FIRST! THANK YOU.

NOTE: New Posts are subject to administrator approval before being displayed

Guest Name (Required):

Guest EMail (Required):

Guest URL (required)

Math Required!
What is the sum of: 8 + 7        (Required)

Topic Reply:


 
© Simple:Press Forum - Version 3.1.3 (Build 356)