Skip to content Skip to sidebar Skip to footer

Inputs Don't Line Up In Firefox/ie, But Do In Chrome/safari

Any idea why this is happening? http://watch.renmx.com?user=Pri It is the object in the top right, it looks perfect in chrome, but in firefox it is not lined up.

Solution 1:

form > input {

    float: left;
}

Add to your CSS

Solution 2:

Just having a play, probably not the correct way to do this. But I did this

.refresh { float: left }
.addshow { 
    border: 0 none;
    color: gray;
    float: left;
    font-size: 1em;
    height: 46px;
    outline: medium none;
    padding: 8px13px;
    width: 240px;
}
.btn { float: left }

and that seemed to do the trick. Note, I removed the margins as you don't need them on .addshow and fiddled with the padding, everything is floated left.

Post a Comment for "Inputs Don't Line Up In Firefox/ie, But Do In Chrome/safari"