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
  • #166125

    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:

    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.


    Thanks for the help! I was able to fix that problem:

    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.

    Josh Rezende

    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.