755100 - m.dictionary.com - site doesn't render correctly due to -webkit-border-radius and -webkit-gradient usage

Status: RESOLVED FIXED

(Web Compatibility :: Site Reports, defect)

Description

[Jane Finette]

Attachment: m.dictonary.com - site doesn't render correctly

Web page or screen you were on when you saw the issue: m.dictonary.com

Search box and button are mis-aligned on the webpage -- see the attached screen shot

I have a Nexus S - Model: GT-19020T running the latest Aurora Android

Comment 1

[Matt Brubeck (:mbrubeck)]

The same problem happens at http://m.dictionary.com/ in desktop Firefox.  This site uses a number of -webkit CSS properties without using the standard cross-browser versions.  I'll try to contact the developers.

Comment 2

[Jean-Yves Perrier [:teoli]]

There also is a sniffing problem. I get a completely different Web site in the Android stock browser.

Changing the UA doesn't help in getting it (or at least I didn't find a way).

Comment 3

[Hallvord R. M. Steen [:hallvors]]

http://m.dictionary.com/res/dictionary/oldsuperphone/320/style_site.css

.box_search{
-webkit-appearance:none;
-webkit-border-top-right-radius: 0px; 
-webkit-border-bottom-right-radius: 0px;
-webkit-border-top-left-radius: 6px; 
-webkit-border-bottom-left-radius: 6px;

Same for .button_search plus this:

-webkit-gradient(linear, center top, center bottom, from(#bdd5e8), color-stop(.35, #2e7bb1), color-stop(.45,#3286bd), to(#3a9cd9));

Comment 4

[Hallvord R. M. Steen [:hallvors]]

Contacted by E-mail

Comment 5

[Karl Dubost💡 :karlcow]

Any news on that Hallvord? 
The site exhibits the same issues.

Comment 6

[Hallvord R. M. Steen [:hallvors]]

Only an automated response. Wish those bots were smart enough to fix the websites too

Comment 7

[Karl Dubost💡 :karlcow]

The design has changed. The issue is fixed.