4 replies [Last post]
Josh Connerty
Josh Connerty's picture
Offline
Enthusiast
Wiltshire, England
Last seen: 3 years 42 weeks ago
Wiltshire, England
Joined: 2008-10-17
Posts: 268
Points: 23

Hey guys,

I have been working on a design and have come across an issue I have had for some time now but it has really bugged me this time as I have just checked it on Chrome and IE!! yes IE and they both display this fine however firefox has a freak issue and no matter what I do it doesn't change.

Okay so I design my forms without tables but they display inline with each other you can see here: http://w3hut.com/form-example.html

However if you look on FF you can see the input boxes are aligned below the labels which has really began to bug me.

Now if you take a look at the same page in IE, Chrome, Opera or Safari it displays the way I want it to display, with them aligning as if they were floated next to each other.

Does anyone know why this happens?

Thanks as always,
Josh Connerty.

Smee
Smee's picture
Offline
Elder
Adelaide, Oz
Last seen: 1 year 51 weeks ago
Adelaide, Oz
Timezone: GMT+10.5
Joined: 2007-06-10
Posts: 1596
Points: 340

Safari on a Mac has a

Safari on a Mac has a slightly darker border around the form other than that FF3.5.7 on the Mac displays the same.

Mods and gurus – THANK YOU!
For your time, knowledge and experience so willingly and generously given.
Please come back tomorrow and sort us all out again Smile

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 9 weeks 5 days ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Don't use display:

Don't use display: inline-block on the labels, use float: left instead.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

brightyoursite
brightyoursite's picture
Offline
Regular
Last seen: 4 years 35 weeks ago
Timezone: GMT+8
Joined: 2010-01-11
Posts: 20
Points: 24

you can add

Smile you can add

input
{
position:relative;
top:-8px;
}

to fix but i agreed use float:left to the label.

http://www.brightyoursite.com I'm a freelancer and available now,Looking for your hire.

Josh Connerty
Josh Connerty's picture
Offline
Enthusiast
Wiltshire, England
Last seen: 3 years 42 weeks ago
Wiltshire, England
Joined: 2008-10-17
Posts: 268
Points: 23

Yup that's done the trick

Yup that's done the trick Tyssen cheers.