Re: [css-d] ie8 and ie9 font-size em issue and container to narrow.

2012-06-13 Thread mem 
Hello,

Thanks again.

> 
> 2/ Not sure what you mean regarding the width of the article; however,
> once issue 1/ is resolved, then issue 2/ may no longer be problematic
> [IE 8/9 will resolve itself] ?

I was seeing the site on a  1024 resultion on IE, and I missed a rule there. So 
it wasn't an issue. 
All clear.

ps- I will request the list help once I start dealing with my first (oh yeah) 
mobile friendly (or at least, mobile colleague) version.  
:)

Thanks a lot,
mem

__
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 -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] ie8 and ie9 font-size em issue and container to narrow.

2012-06-13 Thread David Laakso 
On Wed, Jun 13, 2012 at 8:05 AM, mem  wrote:

 http://teias.dev/about
 By looking into good browsers and IE you will find two issues:
1)
 ISSUE:
The font size on hgroup h1 span is HUGE.
The way I found to "fix" was to pass that font-size declaration to
it's parent - is this ok ?



2)
article is taking 70% of something else, but not the intended container.
As you can see, ALL article content is to narrow when compared with
the same article rendered on good browsers.
 Haven't found any way to properly solve this.
Any clue ?



k. regards,
mem



!/ Try resetting the font to:


article header hgroup h1 {
display:inline-block;
padding-top: 5px;
margin-right:2px;
font-family: 'MisoLight', 'Helvetica Neue',Helvetica,Arial,sans-serif;
padding-left: 2%;
line-height: .9;
font-size: 2.6em;
}

article header hgroup h1 span {
display:inline-block;
background: #d8e5e4;
font-size:1em/*add*/;
/*font-family: 'MisoLight', 'Helvetica Neue',Helvetica,Arial,sans-serif;
padding-left: 2%;
line-height: .9;
font-size: 2.6em;*/
}

2/ Not sure what you mean regarding the width of the article; however,
once issue 1/ is resolved, then issue 2/ may no longer be problematic
[IE 8/9 will resolve itself] ?


Best,
David Laakso


-- 
Chelsea Creek Studio
http://ccstudi.com
__
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 -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] ie8 and ie9 font-size em issue and container to narrow.

2012-06-13 Thread mem 
bad link. My bad.

http://dev.teias.org.pt/about


k. regards,
mem


On Jun 13, 2012, at 13:05 , mem wrote:

> Please take a look on the following page:
> 
> http://teias.dev/about 
> 
> By looking into good browsers and IE you will find two issues:
> 
> 
> 1)
> The point was to have the background narrow then the line-height so, I've 
> come up with this:
> 
> article header hgroup h1 {
>display:inline-block;
>padding-top: 5px;
>margin-right:2px;
> }
> 
> article header hgroup h1 span {
>display:inline-block;
>background: #d8e5e4;
>font-family: 'MisoLight', 'Helvetica Neue',Helvetica,Arial,sans-serif;
>padding-left: 2%;
>line-height: .9;
>font-size: 2.6em; <-- ON IE 9 (at least) we get a HUGE font instead of the 
> desired size like seen on good browsers;
> }
> 
> ISSUE:
> The font size on hgroup h1 span is HUGE.
> The way I found to "fix" was to pass that font-size declaration to it's 
> parent - is this ok ?
> 
> 
> 
> 
> 2)
> article is taking 70% of something else, but not the intended container. 
> As you can see, ALL article content is to narrow when compared with the same 
> article rendered on good browsers.
> 
> Haven't found any way to properly solve this. 
> Any clue ?
> 
> 
> 
> 
> k. regards,
> mem
> 

__
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 -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] ie8 and ie9 font-size em issue and container to narrow.

2012-06-13 Thread mem 
Please take a look on the following page:

http://teias.dev/about 

By looking into good browsers and IE you will find two issues:


1)
The point was to have the background narrow then the line-height so, I've come 
up with this:

article header hgroup h1 {
display:inline-block;
padding-top: 5px;
margin-right:2px;
}

article header hgroup h1 span {
display:inline-block;
background: #d8e5e4;
font-family: 'MisoLight', 'Helvetica Neue',Helvetica,Arial,sans-serif;
padding-left: 2%;
line-height: .9;
font-size: 2.6em; <-- ON IE 9 (at least) we get a HUGE font instead of the 
desired size like seen on good browsers;
}

ISSUE:
The font size on hgroup h1 span is HUGE.
The way I found to "fix" was to pass that font-size declaration to it's parent 
- is this ok ?




2)
article is taking 70% of something else, but not the intended container. 
As you can see, ALL article content is to narrow when compared with the same 
article rendered on good browsers.

Haven't found any way to properly solve this. 
Any clue ?




k. regards,
mem

__
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 -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/