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

width: auto problems #11

Open
smileyj68 opened this issue Apr 21, 2012 · 3 comments
Open

width: auto problems #11

smileyj68 opened this issue Apr 21, 2012 · 3 comments

Comments

@smileyj68
Copy link

I was having a bear of a time getting this to work with the http://github.com/zurb/foundation 3.0 grid, and the problem was that rows were margin: 0 auto and width: auto; Managed to correct it by setting a defined width for the .row element (width: 1000px) but still giving it a max-width of 100% so it'll scale down to a min-width. Tricky little thing to resolve, but seems to be behaving now. Very cool @Schepp

@smileyj68
Copy link
Author

Spoke too soon. It seems to have been partially corrected, but still seeing a pretty big issue in IE7 specifically for the size of floated elements. Check it out here: http://zurb.net/foundation-test/test.html

Works great everywhere but IE7 where the column widths actually seem too small (which in turns jacks up offsets and other pieces). Any ideas?

@smileyj68
Copy link
Author

Narrowed it down further. Removing the negative margin from .row resolves this, so the issue has to do with negative margins and it's effect on the width of the element (negative margin on both sides with width: auto).

@Schepp
Copy link
Owner

Schepp commented Aug 14, 2012

Try the new version I just pushed today. Does that one work?

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