mar 17 2014 05:10 John j...@coffeeonmars.com:
I think I'm getting closer to understand how to use this new (to me) method
of positioning, but I don't get what it's relative to, such that Firefox
renders it differently from Opera, Chrome and Safari..
Absolute positioning is relative to the
mar 17 2014 08:35 MiB digital.disc...@gmail.com:
mar 17 2014 05:10 John j...@coffeeonmars.com:
I think I'm getting closer to understand how to use this new (to me) method
of positioning, but I don't get what it's relative to, such that Firefox
renders it differently from Opera, Chrome
On 3/17/14 12:35 AM, MiB wrote:
Absolute positioning is relative to the nearest Positioning context. That is the first
parent — going inside out from the current element — that has a position.
In my current page, the parent to the item that misbehaves in FF does
have position:relative
I changed my font-size to pixels, yet the fonts still look smaller in
FireFox then Chrome or IE (site
http://www.thecreativesheep.ca/webdesignprojects/largeprojects/cs_site.html),
probably something else wrong ?
Why is the CSS Mailing List sending me a digest instead of individual
messages
On Mon, Mar 17, 2014 at 7:40 AM, John j...@coffeeonmars.com wrote:
On 3/17/14 12:35 AM, MiB wrote:
Absolute positioning is relative to the nearest Positioning context. That
is the first parent — going inside out from the current element — that has a
position.
In my current page, the
On Mon, Mar 17, 2014 at 8:36 AM, Crest Christopher
crestchristop...@gmail.com wrote:
I changed my font-size to pixels, yet the fonts still look smaller in
FireFox then Chrome or IE (site
http://www.thecreativesheep.ca/webdesignprojects/largeprojects/cs_site.html),
probably something else wrong
On Sun, Mar 16, 2014 at 8:15 PM, David Laakso laakso.davi...@gmail.com wrote:
In the footer ie/11 is chopping-off the crossbar of the numerical
digit 4. What to do?
Thanks to all who replied both on and off-list.
Re-set css for the containing blocks and re-set the generated content.
On 3/17/14 5:56 AM, Tom Livingston wrote:
One thing that may be happening is that you are spacing the icons with
ems, which is tied to font sizing. The math involved with the spacing
of the elements in #social is tight enough where browser font
rendering differences may be playing a part.
On Mon, Mar 17, 2014 at 10:09 AM, John j...@coffeeonmars.com wrote:
On 3/17/14 5:56 AM, Tom Livingston wrote:
One thing that may be happening is that you are spacing the icons with
ems, which is tied to font sizing. The math involved with the spacing
of the elements in #social is tight enough
Hi, Tom. You are seeing no difference in Font Sizes between browsers,
hrmm odd. I don't have Scale Text Only enabled within FireFox (27.0.1).
Tom Livingston wrote:
On Mon, Mar 17, 2014 at 8:36 AM, Crest Christopher
crestchristop...@gmail.com wrote:
I changed my font-size to pixels, yet the
On 3/17/14 7:19 AM, Tom Livingston wrote:
This link to a screen shot is Chrome on top and FF Aurora behind:
https://dl.dropboxusercontent.com/u/2616576/Screen%20Shot%202014-03-17%20at%2010.12.56%20AM.png
HTH
Yes, that is about what I am seeing. *Why* the discrepancy?
What is the cause of
On Mon, Mar 17, 2014 at 10:22 AM, John j...@coffeeonmars.com wrote:
On 3/17/14 7:19 AM, Tom Livingston wrote:
This link to a screen shot is Chrome on top and FF Aurora behind:
https://dl.dropboxusercontent.com/u/2616576/Screen%20Shot%202014-03-17%20at%2010.12.56%20AM.png
HTH
Yes, that
On 3/17/14 7:24 AM, Tom Livingston wrote:
Sorry. I'm not sure what the discrepancy is. They look pretty similar to me.
your screengrab shows them closer than my FF version, but why should
there BE a discrep?
Or better, am I using the wrong method to get those text bits to line up
as I want
On Mon, Mar 17, 2014 at 10:29 AM, John j...@coffeeonmars.com wrote:
On 3/17/14 7:24 AM, Tom Livingston wrote:
Sorry. I'm not sure what the discrepancy is. They look pretty similar to
me.
your screengrab shows them closer than my FF version, but why should there
BE a discrep?
Or better,
I see the same thing as in the screenshot Tom posted.
I would recommend re-thinking how you execute your layout. Absolute and
relative positioning are completely unnecessary in this case, and you're
only setting yourself up for more 'top: this' and 'left:this' when you want
to make this
On 3/17/14 8:14 AM, Chris Rockwell wrote:
I would recommend re-thinking how you execute your layout. Absolute and
relative positioning are completely unnecessary in this case, and you're
only setting yourself up for more 'top: this' and 'left:this' when you want
to make this responsive. In
On 3/17/14, 7:21 AM, Crest Christopher wrote:
Hi, Tom. You are seeing no difference in Font Sizes between browsers, hrmm
odd. I don't have Scale Text Only enabled within FireFox (27.0.1).
Tom Livingston wrote:
On Mon, Mar 17, 2014 at 8:36 AM, Crest Christopher
crestchristop...@gmail.com
This is a shell mock-up with *a lot* less CSS. Granted, I've only looked
at it in Chrome but this should get you started. I cleaned up the markup a
bit, namely what you were using to markup the menu that contained About,
Women's, etc. - use nested ul's :).
On 3/17/14 9:20 AM, Chris Rockwell wrote:
http://codepen.io/chrisrockwell/pen/gFsiH/
Pay no attention to the seemingly arbitrary class names and ID's - I use
snappy snippet to take it from the inspector to codepen and it does that.
Again, this should get you on your way to something*much*
I'm trying to implement this responsive table on my site:
http://codepen.io/sharifh/pen/imojf
It works fine in the Safari browser on my Mac when resizing the window,
but it doesn't work on the iPhone - the table remains normal.
I'm thinking that my problem is the SCSS.
Just in case it makes any difference, here's the CSS I was given by
that site:
.responstable {
margin: 1em 0;
width: 100%;
background: white;
color: #024457;
border-radius: 10px;
border: 1px solid #167f92;
overflow: hidden;
}
.responstable tr {
border-top: 1px solid
Just click on (SCSS) next to CSS and it will show you the compiled code
On Mon, Mar 17, 2014 at 1:57 PM, SSC_perl p...@surfshopcart.com wrote:
Just in case it makes any difference, here's the CSS I was given
by that site:
.responstable {
margin: 1em 0;
width: 100%;
The pen is working on my iPhone
Sent from my iPhone
On Mar 17, 2014, at 1:54 PM, SSC_perl p...@surfshopcart.com wrote:
I'm trying to implement this responsive table on my site:
http://codepen.io/sharifh/pen/imojf
It works fine in the Safari browser on my Mac when resizing the
Unsubscribe my email please from updates.
Thank you ;)))
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies --
On Mar 17, 2014, at 11:02 AM, Chris Rockwell wrote:
Just click on (SCSS) next to CSS and it will show you the compiled code
Well that was embarrassingly simple. :|
I compared the converted CSS that I had before to the converted CSS
from CodePen and they are the same, so it
Try adding this to your head tag:
meta name=viewport content=width=device-width, initial-scale=1
On Mon, Mar 17, 2014 at 2:28 PM, SSC_perl p...@surfshopcart.com wrote:
On Mar 17, 2014, at 11:02 AM, Chris Rockwell wrote:
Just click on (SCSS) next to CSS and it will show you the compiled code
On Mar 17, 2014, at 11:53 AM, Chris Rockwell wrote:
meta name=viewport content=width=device-width, initial-scale=1
That was it! Thanks, Chris! The table now changes depending on the
phone's orientation. Very nice!
I almost hate to ask this, but would it be possible for
Looks good to me on Galaxy S3 (Android 4.3) Chrome
On Mon, Mar 17, 2014 at 3:21 PM, SSC_perl p...@surfshopcart.com wrote:
On Mar 17, 2014, at 11:53 AM, Chris Rockwell wrote:
meta name=viewport content=width=device-width, initial-scale=1
That was it! Thanks, Chris! The table now
28 matches
Mail list logo