As Phillippe says ... fluid. The 'limit' is based on readability and the
amount and type of content in each section. You wouldn't want a text article
to stretch to infinity, nor a site with only small amounts of content on a page
(either by focal design or simple lack of content) to do it
I'm good with any option/solution that gives us the discussion and insights.
I'll stay (or move) with the community. Thank you to those stepping forward
with ideas.
Elizabeth Davies
All information in this message is confidential and may be legally privileged.
Only intended recipients are
Like many other here, I've belonged to this list for a very long time. Of all
the web resources, this is the one I trust and know that there are voices
proven over the years to provide solid advice. When I first started I was an
active voice, but eventually due to life and work requirements
I'll be sure to tell all million or so of our random visitors that.
But sarcasm aside, I would check
1.) the container of the fieldset to see if you have other limiting factors.
2.) the minimum allowed width of the internal pieces of your fieldset to see if
their widths will exceed the
As with the previous authors, I also do not own/carry a mobile device. However,
our site visitors do. While I'm neutral overall on Mobile First vs. Desktop
First, I can say that going to a Mobile First style sheet reduced our overall
CSS by more than half. About 25% of our visitors are coming
Phillipe found the same notes I did. I didn't have a machine in the lab with
the requisite resolution and FF version, so my browser version was off. The
first bug report I had listed version 28. I did some installs and narrowed it
to the '21 good', '22 inflated'. Its not just my site, its
] On Behalf Of Felix Miata
Sent: Friday, April 04, 2014 5:38 PM
To: css-d@lists.css-discuss.org
Subject: Re: [css-d] Firefox and page inflation
On 2014-04-04 22:01 (GMT) Davies, Elizabeth composed:
Looking for insight into (and potential correction to) the latest
Firefox browsers inflating
Correct that example URL to https://www.gallupstrengthscenter.com/ ... The same
inflation occurs on the GSC site. And it happens whether I put everything to
em's, strip out the IE cascade, put all the media queries to em's or rem's.
The design stays proportional and does not break, it just
Tom sent me some screenshots and is also not seeing the effect on a Mac. I
checked around on our in house Macs, and this appears to be a Windows OS with
Firefox effect. What we're seeing is an overall inflation of the entire page
(not just font size). Where on a 1920 resolution screen, Firefox
Looking for insight into (and potential correction to) the latest Firefox
browsers inflating the overall size/resolution of webpages. We use a mobile
first responsive upwards, and in the newest Firefox browsers, what is a
reasonable font size in every other browser becomes ludicrously large in
Lately I've ceased worrying about device media break points and instead I've
focused on our grid. Where we determine what the min/max width of a column is.
How wide can one base column stretch, how narrow. When does it evolve to 2
columns, 3 columns, etc.. This has simplified the media breaks.
I disagree on the clearfix bash. Working on dynamically generated sites at an
enterprise level with years of legacy content populating widely divergent
designs, clearfix was the best thing ever. As the single UX/CSS developer
working with multiple development teams, sites and applications ...
I can find an evolution of clearfix across the years, but my latest is what Tom
uses, except I use IE conditional stylesheets for IE miscellany.
Or did. As of last quarter IE7 is dead to me ... IE8 will be before the end of
2014. In fact, it looks like I'll only have to deal with IE9 remnants
Would appreciate a quick check/feedback on my first forays into responsive web
development.
http://korea.gallup.com (very basic small site, being used to test out
concepts)
http://strengths.gallup.com (slightly larger, but still small site ... more
complexity of forms and navigation)
We
Many thanks David. Great feedback.
I get the horizontal expansion or scroll bar on the iPad in horizontal
orientation where it zooms in on the rotation. It 'finds itself' if you snap
it. Will have to explore why it does that, possibly layer in a viewport media
query just for Mac devices. The
leaves lurk mode
I usually have a standard sprite which contains icons that never repeat. A
horizontal sprite which contains all of my button/ribbon treatments as we use
sliding door method a great deal. And on occasion I also have a vertical
sprite which contained elements that repeat
It looks good on my end in IE8, FF3.5 and IE7. In IE6 you run into the dreaded
PNG-lack-of-transparency-support and will require ipingfix scripting if you
with to support png's in that browser.
Elizabeth Davies
System Application Developer
Input | Intellection | Learner | Achiever | Belief
My google-fu is weak and I'm turning to the community for ideas. I know this is
off topic, except as a call for help on finding a tool.
I'm tasked with making some very large and very active websites mobile friendly
with CSS (not for an app, but a CSS mobile style sheet on the regular website).
18 matches
Mail list logo