0

I have found a bug with Symbian on the Nokia C5 involving border width.

Take a look at the following fiddle http://jsfiddle.net/TnhAw/

The top and bottom borders for some reason are taking up more width than the box. Is there a fix for this that anyone knows of?

Here's a rough mock up of what I'm seeing in Symbian:

enter image description here

Tim Rodham
  • 283
  • 4
  • 14
  • Nokia C5 is Symbian OS v9.3, Series 60 rel. 3.2. Series60 phones should have built-in screenshot grabber under Research&Dev -folder. – utsikko Aug 31 '12 at 10:17

2 Answers2

1

remove boder-width from div code or adjust according to your requirment

check http://jsfiddle.net/TnhAw/1/

supersaiyan
  • 1,670
  • 5
  • 16
  • 36
1

I would suggest to try and set each border within separate definition as well as testing it without the margin: 20px;.

The CSS as follows, since fiddle won't make help in this case:

div {
    height: 200px;
    /*margin: 20px;*/
    border-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-width: 10px;
    border-bottom-width: 10px;
}
utsikko
  • 1,545
  • 1
  • 16
  • 27
  • nope same issue. I'm sure this is a bug with Symbian's rendering engine - it makes no sense. – Tim Rodham Aug 31 '12 at 10:52
  • According to this link [WebKit](http://en.wikipedia.org/wiki/WebKit#WebKit2), S60 browsers on Symbian mobile phones use the WebKit rendering engine. So I looked at your fiddle with Chrome (uses WebKit), and it looks fine.. – utsikko Aug 31 '12 at 11:00
  • Well, it does something else on top or something then, because it does not render anything like Chrome does. – Tim Rodham Aug 31 '12 at 11:15
  • Can you post the rest of your CSS code? I could take a look at it. – utsikko Aug 31 '12 at 11:18
  • The jsfiddle is all you need to reproduce the bug – Tim Rodham Aug 31 '12 at 11:48