Account Options

  1. Sign in
The old Google Groups will be going away soon, but your browser is incompatible with the new version.
Google Groups Home
« Groups Home
Object Oriented CSS
Home
About this group
Apply for group membership
Grids rounding.
Options
There are currently too many topics in this group that display first. To make this topic appear first, remove this option from another topic.
There was an error processing your request. Please try again.
flag
   4 messages - Collapse all  -  Translate all to Translated (View all originals)
The group you are posting to is a Usenet group. Messages posted to this group will make your email address visible to anyone on the Internet.
Your reply message has not been sent.
Your post was successful
 
From:
To:
Cc:
Followup To:
Add Cc | Add Followup-to | Edit Subject
Subject:
Validation:
For verification purposes please type the characters you see in the picture below or the numbers you hear by clicking the accessibility icon. Listen and type the numbers you hear
 
Murray  
View profile  
 More options Apr 1 2012, 7:12 pm
From: Murray <murray.nutt...@gmail.com>
Date: Sun, 1 Apr 2012 16:12:00 -0700 (PDT)
Subject: Grids rounding.
Print | Individual message | Show original | Report this message | Find messages by this author

I'm trying to use 3 size1of3's in a box 660px wide and the rounding is out
in various ways in different browsers... I can get 3 boxes equal to 220px
by changing the width of size1of3 to 33.333334% in most browsers except IE9
which get's it close enough that it's unnoticeable, but Opera is another
story entirely as it seems to misbehave no matter what. I even tried
rolling back to the old "xxx xxx xxx xxx xxx ..." OOCSS, but it's still not
cooperating.

I guess grids.css was never supposed to be dead accurate, but I worry that
the designer here is going to get out their pixel ruler and whack my hand
with it.

Has anybody solved rounding issues with this before?


 
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
Murray Nuttall  
View profile  
 More options Apr 1 2012, 10:45 pm
From: Murray Nuttall <murray.nutt...@gmail.com>
Date: Mon, 2 Apr 2012 14:45:51 +1200
Local: Sun, Apr 1 2012 10:45 pm
Subject: Re: Grids rounding.
Print | Individual message | Show original | Report this message | Find messages by this author

It's a terrible looking hack, but I've solved this for Future-Murray by
doing this:

.size1of3{width:33.333334%;}
noindex:-o-prefocus, .size1of3 {width:33.34%} /* makes this behave properly
in Opera v12a */

Present-Murray will just have to wait a bit.

Murray.


 
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
Cleecanth  
View profile  
 More options Nov 13 2012, 1:18 am
From: Cleecanth <cleeca...@gmail.com>
Date: Mon, 12 Nov 2012 22:18:01 -0800 (PST)
Local: Tues, Nov 13 2012 1:18 am
Subject: Re: Grids rounding.
Print | Individual message | Show original | Report this message | Find messages by this author

As a designer first and a developer second, I would have to say that pixel
perfection is a thing of the past. Design is all about compromise and
constraints, and one of the best parts of designing for the web is giving
control to your user. Your design challenges are no longer about perfect
placement, but about creating things that best suit your user's needs.
Those needs include catering to your users' browsers, and, most of all,
delivering your site to your users in as efficient a manner as possible.

Now, adding a single hack won't slow down your site noticeably, but I'm not
sure I like the road this leads down. Percentage rounding is always going
to be an issue with browsers until the spec directly specifies how to
handle it. This is a huge challenge and one we, as designers, are just
going to have to get off our high chairs and deal with.

Your designer should understand this concept and fast. Pixel perfection is
not coming back and we should embrace it.


 
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
Nicole Sullivan  
View profile  
 More options Nov 13 2012, 6:09 am
From: Nicole Sullivan <nic...@stubbornella.org>
Date: Tue, 13 Nov 2012 03:09:12 -0800
Local: Tues, Nov 13 2012 6:09 am
Subject: Re: Grids rounding.
Print | Individual message | Show original | Report this message | Find messages by this author

I think flexbox may ultimately help with some of the layout issues we
fight, but ultimately, yeah there will be new devices/browsers with new
different bugs we can only yet imagine. ;)


 
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
End of messages
« Back to Discussions « Newer topic     Older topic »

Create a group - Google Groups - Google Home - Terms of Service - Privacy Policy
©2013 Google