Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

position:absolute within position:relative hides the inner div in FF8 #20

Closed
gavinhughes opened this issue Nov 11, 2011 · 1 comment
Closed

Comments

@gavinhughes
Copy link

-# HAML
.container
    #inner Hello

// SASS
.container
    position:relative
    +columns(5)
#inner
    position:absolute

This all works fine in Chrome 15 and Safari 5.1, but in Firefox 8 the inner div is hidden.

The fix is to add

#inner
    display:block

which overrides display:inline from columns mixin.

@mirisuzanne
Copy link
Member

I can't recreate this, and have never experienced it. Also, your example doesn't apply the columns mixin to #inner, so I'm not sure where display: inline; is coming from.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants