Re: [css-d] inconsistent rendering among compliant browsers

[David Laakso]

Ingo Chao wrote:
> David Laakso wrote:
>   
>> On this page [1] on Mac OS X 10.4.11 there is wild variation of the 
>> distance between the top border of the image and the top border of the 
>> container.
>>
>>
>> Who gets it right? Or, what's more probable, where have I gone wrong?
>>
>>
>> [1] 
>>
>> 
>
> I think it depends on the font metrics. The preceeding  
> container has a computed height of 144px in Safari, but 136px in Firefox 
> when Helvetica is chosen. Different fonts may give other results. The 
> image in the second container would get a different starting point in 
> y-achsis.
>
> regards,
>
> Ingo
>
>   



Bingo! Thanks to Ingo and Adam.

Revision on server:
body {
font : 100%/normal /*helvetica, deleted*/arial, sans-serif;
}
img {
margin : /*-141px*/ -155px 1px 10px 20px;
}
.c {
line-height: 1/*added*/;
}

The above on Mac 10.4 make Opera, Safari, Camino, and WebKit the same.
Firefox has been let to ride the image a little tighter to the top than 
the other browsers...



-- 

A thin red line and a salmon-color ampersand forthcoming.

http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
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] inconsistent rendering among compliant browsers

[Adam Ducker]

David Laakso wrote:
> On this page [1] on Mac OS X 10.4.11 there is wild variation of the 
> distance between the top border of the image and the top border of the 
> container.
> 
> Who gets it right? Or, what's more probable, where have I gone wrong?

The problem may not be too obvious but it's actually the line-height of 
the text in the green bordered box that is the issue.  If you set .c to 
"line-height: 18px;" just for example then you'll less variation.

-Adam Ducker (http://adamducker.com)
__
css-discuss [EMAIL PROTECTED]
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] inconsistent rendering among compliant browsers

[Ingo Chao]

David Laakso wrote:
> On this page [1] on Mac OS X 10.4.11 there is wild variation of the 
> distance between the top border of the image and the top border of the 
> container.
> 
> Latest versions of:
> Opera-- approx 31px
> Safari/WebKit-- approx 21px (get it right)
> Camino-- approx 7px
> FF-- 14px
> 
> Who gets it right? Or, what's more probable, where have I gone wrong?
> 
> 
> [1] 
> 

I think it depends on the font metrics. The preceeding  
container has a computed height of 144px in Safari, but 136px in Firefox 
when Helvetica is chosen. Different fonts may give other results. The 
image in the second container would get a different starting point in 
y-achsis.

regards,

Ingo

-- 
http://www.satzansatz.de/css.html
http://www.dolphinsback.com
__
css-discuss [EMAIL PROTECTED]
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] inconsistent rendering among compliant browsers

[David Laakso]

On this page [1] on Mac OS X 10.4.11 there is wild variation of the 
distance between the top border of the image and the top border of the 
container.

Latest versions of:
Opera-- approx 31px
Safari/WebKit-- approx 21px (get it right)
Camino-- approx 7px
FF-- 14px

Who gets it right? Or, what's more probable, where have I gone wrong?


[1] 

-- 

A thin red line and a salmon-color ampersand forthcoming.
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
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/