7 replies [Last post]
Bertje
Bertje's picture
Offline
Enthusiast
Last seen: 14 years 23 weeks ago
Timezone: GMT+2
Joined: 2004-07-02
Posts: 153
Points: 0

Hi all,

I've made a website. Everything is fine. Except for one tiny detail. In the contact page (this one: http://www.hupmanagementenadvies.nl/contact/index.php there is a form. And the space between the input fields is not equal between all fields in FF.

In IE 7, 6, 5.5 and Opera it is fine. But in FF it is not. Anyone any idea?

Thanks a lot!!!

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 3 years 40 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

Not sure which one of these

Not sure which one of these does it, but add this to your css:

input,select, textarea{ margin:0; padding:0; }

Bertje
Bertje's picture
Offline
Enthusiast
Last seen: 14 years 23 weeks ago
Timezone: GMT+2
Joined: 2004-07-02
Posts: 153
Points: 0

This makes it a little

This makes it a little better but does not quite fix all of it ...

Too bad.

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 3 years 40 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

It looks Ok in my FF1.5 and

It looks Ok in my FF1.5 and IE7.

There are always some differences in form rendering between browsers.

Bertje
Bertje's picture
Offline
Enthusiast
Last seen: 14 years 23 weeks ago
Timezone: GMT+2
Joined: 2004-07-02
Posts: 153
Points: 0

mmm, I've got FF2.0.0.3

mmm, I've got FF2.0.0.3 (just updated) coud that be the problem?

I know there is some differences in rendering between browsers. But here is a difference in redering in one browser. All the input fields are the same, yet there is a different space between them. I do not get that.

If it was different from IE but equal it would be ok. But this looks crap and it is weird. That's why I would like it fixed. And understand what is the problem.

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 3 years 40 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

Could you take a screenshot

Could you take a screenshot and post the jpg as an attachment? Annotate it to show me.

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 8 years 23 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

take the margin-bottom off

take the margin-bottom off of the labels. put a margin: 2px 0; on both the inputs and textarea. you can remove the breaks, and you shouldn't place display: block on a float (it gets ignored anyway).

Bertje
Bertje's picture
Offline
Enthusiast
Last seen: 14 years 23 weeks ago
Timezone: GMT+2
Joined: 2004-07-02
Posts: 153
Points: 0

Thanks a lot Wolfcry! That

Thanks a lot Wolfcry! That does the trick.

Although I still do not fully get why. What is the difference in putting the padding on the label or the input field. I prefer the label because input fields may be used elsewhere in a site and styled different (like a search field or buton).

But what bugs me most is the seemable randomness of the way FF did display the form. If it is wrong or different that makes sense but rendeing the 'same' lines different is just anoying.

But anyhow, thanks Wolfcry!