147 posts
  • Bought between 50 and 99 items
  • Europe
  • Exclusive Author
  • Has been a member for 5-6 years
  • Sold between 100 and 1 000 dollars
PaulVictor says

Hi all,

I’m working on a theme with my partner who does the coding but he works on a Mac (which shouldn’t be a problem). I work on a PC and I’m responsible for the graphic design. The problem is, all contact forms and input fields look totally different when I’m viewing the page which is online right now, we both use the latest versions of Firefox and IE. My partner claims it’s a problem with PC and Mac but he doesn’t know how to solve it. Could anybody here please help, the communication takes way too long because of this problem.

Here’s a screenshot of both: http://img59.imageshack.us/img59/2633/compai.jpg

2440 posts
  • Has been a member for 5-6 years
  • Exclusive Author
  • Europe
  • Bought between 10 and 49 items
  • Referred between 100 and 199 users
  • Sold between 100 and 1 000 dollars
  • Envato Studio (Microlancer) Beta Tester
digitalimpact says

Without having a page to firebug it’s quite difficult to tell. Are you perhaps using inline-block on form labels?

If you can provide a live URL I ’d be happy to take a look :)

147 posts
  • Bought between 50 and 99 items
  • Europe
  • Exclusive Author
  • Has been a member for 5-6 years
  • Sold between 100 and 1 000 dollars
PaulVictor says

This is the page but please keep in mind, it’s still work in progress: http://www.infictus.com/page/2/

2263 posts Bird is the word..
  • Elite Author
  • United States
  • Sold between 250 000 and 1 000 000 dollars
  • Has been a member for 6-7 years
  • Referred between 200 and 499 users
  • Bought between 100 and 499 items
  • Envato Studio (Microlancer) Beta Tester
  • Exclusive Author
+3 more
jonathan01 says

Welcome to the world of cross browser inconsistencies :)

You need to reset all form elements first in your css for all browsers – then use CSS to style – you may need to have a separate css style sheet for different IE browsers as they never like to play along nicely via a conditional statement in the top of your html page.

That looks like the initial issue anyways.

2440 posts
  • Has been a member for 5-6 years
  • Exclusive Author
  • Europe
  • Bought between 10 and 49 items
  • Referred between 100 and 199 users
  • Sold between 100 and 1 000 dollars
  • Envato Studio (Microlancer) Beta Tester
digitalimpact says

Ok, I don’t have a mac, so I’ll tell you what I changed for Firefox on Win.

  1. in c_style.css, remove line 94
  2. Next, add these to label on line 62 of the same file: float:left; and width:67px;
  3. Then, on line 124, change what you have to this: margin-left:4px; width:270px;

It will now look, for Firefox Win, ~ like in your mac screenshot.

You’ll need to test it on the mac though…

@Jonathan – I see his stylesheet is using a reset :)

99 posts
  • Belgium
  • Bought between 50 and 99 items
  • Exclusive Author
  • Has been a member for 5-6 years
  • Referred between 10 and 49 users
  • Sold between 1 000 and 5 000 dollars
krike says

There is no css on line 94, anyway I got it working :) thanks for your help

2440 posts
  • Has been a member for 5-6 years
  • Exclusive Author
  • Europe
  • Bought between 10 and 49 items
  • Referred between 100 and 199 users
  • Sold between 100 and 1 000 dollars
  • Envato Studio (Microlancer) Beta Tester
digitalimpact says
There is no css on line 94, anyway I got it working :) thanks for your help

There was when I looked at it :)

Glad you got it working.

by
by
by
by
by
by