1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Fixed Status post button needs a top margin for consistency

Discussion in 'Resolved Bug Reports' started by Shadab, Aug 23, 2010.

  1. Shadab

    Shadab Well-Known Member

    On the profile page, the div containing the post button has a top margin of 5px.
    .profilePage .profilePoster .submitUnit {
    	margin-top: 5px;
    	text-align: right;

    But for a similar post button in the <My Username> dropdown menu,
    theres no such margin; making it look cramped.
    #AccountMenu .statusPoster .submitUnit {
    	display: none;
    	text-align: right;

    Please add a margin-top: 5px; to make it consistent with it's profile page counterpart.
    End result:

    Ceri May likes this.
  2. Onimua

    Onimua Well-Known Member

    What are you using? :confused:

  3. James

    James Well-Known Member


    It's fine for me in Chrome.
  4. Brogan

    Brogan XenForo Moderator Staff Member

    Confirmed in FF 3.6.8.


    And IE8.

  5. James

    James Well-Known Member

    Ah, I can confirm this in FF too.
  6. Brandon_R

    Brandon_R Guest

    Confirmed in FF here.
  7. ---MAD---

    ---MAD--- Well-Known Member

    Yeap IE8 has same issue, and the corners of the post button aren't rounded like in your screenshot.
  8. Brogan

    Brogan XenForo Moderator Staff Member

    IE8 doesn't support the CSS -moz-border-radius attribute.
  9. Floris

    Floris Guest

    Shows fine in Safari 5 on 10.5 OSX for me btw :)
  10. Shadab

    Shadab Well-Known Member

    We'd be surprised if it actually did. ;)
  11. Brogan

    Brogan XenForo Moderator Staff Member

    I was explaining to ---MAD--- why the corners aren't rounded in IE8.
  12. Shadab

    Shadab Well-Known Member

    I know. :)

    I was sort-of joking (sorry!) that -moz-border-radius won't ever be implemented by IE, since it's a vendor specific CSS attribute (-moz- denotes Mozilla based browsers including Firefox). And if IE would support this css property, it would do via it's own -ms- prefix or directly supporting the border-radius property.
  13. James

    James Well-Known Member

    If you wanted IE to have rounded corners you can use some JavaScript. I, personally, don't think it's worth the extra JS just so IE gets a few rounded corners.
  14. Brogan

    Brogan XenForo Moderator Staff Member

    There's an even easier solution, don't do rounded corners ;)

    That's what I did on my site :D
  15. Mike

    Mike XenForo Developer Staff Member

    Fixed. Weird that WebKit seems to add some extra space under the input.
    Shadab likes this.

Share This Page