User:The Rooster/Sandpit/6: Difference between revisions

From The Urban Dead Wiki
Jump to navigationJump to search
No edit summary
No edit summary
 
(78 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{User:The Rooster/Sandpit/8|x=4|y=4|suburb=Barrville
Actually, yet more investigation yields the fact FF takes x-small as 10px, but IE as 10.05px AND IE appears to have a cumulative rounding error problem to boot. 90% would still just about round down but IE thinks otherwise. 85% still seems the best option for getting any level of consistency in this regard.
| type00=EH | text00=Brownsell Plaza Railway Station | content00=
----
| type10=EH | text10=Gaze Library | content10=
It appears that main.css defines a font-size of x-small. Then later another class boosts this by 127% (why 127? god knows)
| type20=EH | text20=the Gumm Building | content20=Bl
| type30=EH | text30=the Tapp Motel | content30=
| type40=EH | text40=a junkyard | content40=
| type50=NT | text50=the Neagle Building | content50=
| type60=Street | text60=Bassett Way | content60=
| type70=EH | text70=a junkyard | content70=
| type80=AutoShop | text80=Wyndham Auto Repair | content80=
| type90=Street | text90=wasteland | content90=


| type01=VSB | text01=a junkyard | content01=
Both browsers appear to take x-small as 10px on default settings. Thus render a default size of 12.7px which gets rounded to 13px.
| type11=Street | text11=Trick Plaza | content11=
FF appears to get it right at 12.7px. IE likes 12.8px better (rounding error after so many levels?)
| type21=AutoShop | text21=Masey Auto Repair | content21=
| type31=EH | text31=the Membery Arms | content31=
| type41=VSB | text41=Club Whitting | content41=Cl
| type51=EH | text51=Brendon Library | content51=
| type61=EH | text61=Cazalet Library | content61=
| type71=Street | text71=a carpark | content71=
| type81=Street | text81=Hagerty Place | content81=
| type91=EH | text91=the Furze Building | content91=


| type02=EH | text02=the Scorse Building | content02=
Whilst these both round to 13px nominally, it might explain some of differences when applying another layer inline.
| type12=Street | text12=Highmore Street | content12=
| type22=EH | text22=St Philomena's Church | content22=
| type32=Street | text32=a carpark | content32=
| type42=RP | text42=Gilling Crescent | content42=
| type52=EH | text52=a factory | content52=F
| type62=EH | text62=Bealey Towers | content62=
| type72=Street | text72=Head Grove | content72=
| type82=Street | text82=wasteland | content82=
| type92=EH | text92=a junkyard | content92=


| type03=EH | text03=the Nix Building | content03=NT
For example, an additional value of 90% inline would result in 11.43 for FF, but 11.52 for IE, so FF goes for 11px and IE 12px.
| type13=Street | text13=Mawdley Walk | content13=
| type23=Cemetery | text23=a cemetery | content23=
| type33=Street | text33=Wheare Boulevard | content33=
| type43=Street | text43=Willies Square | content43=
| type53=Street | text53=Davies Alley | content53=
| type63=EH | text63=Forshaw Towers | content63=
| type73=EH | text73=Floyde Stadium | content73=
| type83=EH | text83=Floyde Stadium | content83=
| type93=Street | text93=Blackman Drive | content93=


| type04=EH | text04=a factory | content04=F
In this case, scaling values can be chosen, but need merely be carefully picked to avoid values that generate these differentiating results.
| type14=EH | text14=Twycrosse Place School | content14=
| type24=Street | text24=Roe Crescent | content24=
| type34=VSB | text34=St Egbert's Church | content34=Ch
| type44=Street | text44=Moran Drive | content44=
| type54=VSB | text54=Olivey Library | content54=L
| type64=Street | text64=Peat Way | content64=
| type74=EH | text74=Floyde Stadium | content74=
| type84=EH | text84=Floyde Stadium | content84=
| type94=EH | text94=Club Dibsdall | content94=


| type05=EH | text05=a factory | content05=F
| type15=PD | text15=Keane Boulevard Police Dept | content15=
| type25=EH | text25=Strange Bank | content25=
| type35=Street | text35=a carpark | content35=
| type45=Street | text45=Kitting Alley | content45=
| type55=Street | text55=wasteland | content55=
| type65=EH | text65=the Radnedge Arms | content65=
| type75=EH | text75=a junkyard | content75=
| type85=PD | text85=Derryman Plaza Police Dept | content85=
| type95=EH | text95=the Start Arms | content95=


| type06=Street | text06=Greenhow Alley | content06=
<div style="font-size:x-small"><div style="font-size:127%">
| type16=H | text16=St Wilfrid's Hospital | content16=
The quick brown fox jumped over the lazy dog. x-small * 127%
| type26=EH | text26=Kebby Auto Repair | content26=AR
<div style="font-size:90%">The quick brown fox jumped over the lazy dog. as before*90%</div>
| type36=NT | text36=the Eagan Building | content36=
</div></div>
| type46=Street | text46=Burchall Way | content46=
| type56=Street | text56=Brunt Row | content56=
| type66=Street | text66=Elvins Road | content66=
| type76=EH | text76=the Gaston Building | content76=
| type86=H | text86=St Agnes's Hospital | content86=
| type96=Street | text96=Lavis Walk | content96=


| type07=Street | text07=wasteland | content07=
<div style="font-size:11px">
| type17=EH | text17=Westropp Bank | content17=
The quick brown fox jumped over the lazy dog.  11px
| type27=Street | text27=Baverstock Park | content27=
</div>
| type37=RP | text37=Knill Road | content37=
<div style="font-size:12px">
| type47=EH | text47=the Woolsett Building | content47=NT
The quick brown fox jumped over the lazy dog.  12px
| type57=EH | text57=Reginaldus Plaza Fire Station | content57=FS
</div>
| type67=Street | text67=Earlham Grove | content67=
<div style="font-size:13px">
| type77=Street | text77=Dalwood Alley | content77=
The quick brown fox jumped over the lazy dog.  13px
| type87=Street | text87=Sowler Boulevard | content87=
</div>
| type97=AutoShop | text97=Coombes Auto Repair | content97=
 
| type08=VSB | text08=a warehouse | content08=
| type18=Street | text18=Ranson Road | content18=
| type28=VSB | text28=a factory | content28=F
| type38=Street | text38=Tordoffe Way | content38=
| type48=VSB | text48=St Symmachus's Church | content48=Ch
| type58=Street | text58=Frederick Walk | content58=
| type68=Street | text68=Voke Row | content68=
| type78=PD | text78=Gerrish Place Police Dept | content78=
| type88=Street | text88=Zinnecker Boulevard | content88=
| type98=FS | text98=Withyman Road Fire Station | content98=
 
| type09=EH | text09=the Pinney Hotel | content09=
| type19=EH | text19=Deanesly Drive School | content19=SC
| type29=Street | text29=a carpark | content29=
| type39=EH | text39=a warehouse | content39=
| type49=EH | text49=Patriarch General Hospital | content49=H
| type59=Cemetery | text59=a cemetery | content59=
| type69=Street | text69=a carpark | content69=
| type79=Monument | text79=the Chiles Monument | content79=
| type89=Street | text89=Crossing Lane | content89=
| type99=EH | text99=the Eyles Building | content99=
}}

Latest revision as of 15:18, 25 August 2009

Actually, yet more investigation yields the fact FF takes x-small as 10px, but IE as 10.05px AND IE appears to have a cumulative rounding error problem to boot. 90% would still just about round down but IE thinks otherwise. 85% still seems the best option for getting any level of consistency in this regard.


It appears that main.css defines a font-size of x-small. Then later another class boosts this by 127% (why 127? god knows)

Both browsers appear to take x-small as 10px on default settings. Thus render a default size of 12.7px which gets rounded to 13px. FF appears to get it right at 12.7px. IE likes 12.8px better (rounding error after so many levels?)

Whilst these both round to 13px nominally, it might explain some of differences when applying another layer inline.

For example, an additional value of 90% inline would result in 11.43 for FF, but 11.52 for IE, so FF goes for 11px and IE 12px.

In this case, scaling values can be chosen, but need merely be carefully picked to avoid values that generate these differentiating results.


The quick brown fox jumped over the lazy dog. x-small * 127%

The quick brown fox jumped over the lazy dog. as before*90%

The quick brown fox jumped over the lazy dog. 11px

The quick brown fox jumped over the lazy dog. 12px

The quick brown fox jumped over the lazy dog. 13px