Welcome to WebmasterWorld Guest from 50.19.0.90

Forum Moderators: open

Message Too Old, No Replies

Chrome user stylesheet breaking layouts with phone num.

     
12:16 am on Jun 16, 2011 (gmt 0)

New User

5+ Year Member

joined:Oct 4, 2006
posts:17
votes: 0


Looks like Google Chrome V12 is styling phone numbers with a user stylesheet which breaks page layouts where phone numbers were absolutely positioned in a div or span tag.

Great .. customers calling to complain that their layouts are broken. Thanks G
12:29 am on June 16, 2011 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member lucy24 is a WebmasterWorld Top Contributor of All Time Top Contributors Of The Month

joined:Apr 9, 2011
posts:12692
votes: 243


Can you get around it by globally replacing hyphens (x2010) with non-breaking hyphens (x2011) or maybe –? Or are they too ### sneaky for that?
2:20 pm on June 16, 2011 (gmt 0)

Senior Member

WebmasterWorld Senior Member 5+ Year Member

joined:June 20, 2006
posts:1874
votes: 4


might be something designed to make phone tracking work, for G.
2:37 pm on June 16, 2011 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member fotiman is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Oct 17, 2005
posts:4965
votes: 10


What exactly are you seeing? I'm using Chrome 12 and I don't see a User Style Sheet applied, unless I have the Google Voice Extension enabled and even then, the only styles applied are:

color: #03B;
text-decoration: underline;
cursor: pointer;

Test case:

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
div {
position: absolute;
top: 100px;
left: 100px;
}
</style>
<title>Phone Number Test</title>
</head>
<body>
<div>800-555-1212</div>
</body>
</html>
 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members