Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Floats Working in IE, Chrome, But Not Firefox

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #166125
    siouxfan45
    Participant

    If you scroll to the bottom of this page, I have a horizontally designed contact form.

    The codepen (it doesn’t look right in codepen) can be found here: http://codepen.io/anon/pen/tHKAE/

    The form should look like this.

    I am curious why this looks right in Chrome and IE, but not Firefox. Curious what I could do differently.

    #166173
    siouxfan45
    Participant

    Thanks for the help! I was able to fix that problem: http://codepen.io/anon/pen/pkgGh/

    However, now I’m unsure why the “Message” text area appears to be 1pixel shorter in FireFox. Does this have to do with the border-box sizing? I’m unsure how to fix this. It looks great in the other browsers (Chrome, IE) – but that 1 pixel difference is preventing the send button and the input box next to it from lining up exactly in FireFox.

    #166288
    Josh Rezende
    Participant

    Have too many options for your design works. the fast solution is use box-sizing on input, textarea and on lefty and righty

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.