CodeRay: Ton of scroll bars in Webkit

12 views
Skip to first unread message

miles.s...@gmail.com

unread,
May 6, 2009, 10:41:16 PM5/6/09
to Webby
When using CodeRay in Webby with the :line_numbers => "table" option
(which I love) seems to have issues in Safari. It displays no numbers
at all, but does display several vertical scroll bars that seem to be
serving no purpose, other than to obscure things, and uglify my blog.
Here's an example: http://imgur.com/2h5c.png

Has anyone else experienced this phenomenon? I was unable to find any
mention of the problem anywhere. I have confirmed the issue in both
Google Chrome and Safari 4. Currently, you can see the problem live
at http://mileszs.com/blog/2009/03/03/git-hook-to-integrity.html, but
by the time you read this I may have deployed an update that removes
line numbers so I don't have this problem any longer. It's ugly!

I can't say whether this is specific to Webby or whether it is a
CodeRay issue.

Tim Pease

unread,
Jun 7, 2009, 10:41:04 PM6/7/09
to webby...@googlegroups.com

Hmmm ... I looked at your troublesome blog post today. Didn't look at
it in any webkit based browser, but I did run it through tidy (noticed
some unclosed tags when looking at the HTML).
Here are the issues that tidy found for me ...

$ curl -O http://mileszs.com/blog/2009/03/03/git-hook-to-integrity.html
$ tidy -indent -wrap 80 git-hook-to-integrity.html > /dev/null

line 53 column 1 - Warning: <div> isn't allowed in <h3> elements
line 53 column 1 - Warning: missing </h3> before <pre>
line 97 column 10 - Warning: discarding unexpected </h3>
line 107 column 65 - Warning: inserting implicit <p>
line 159 column 7 - Warning: inserting implicit <p>
line 187 column 5 - Warning: discarding unexpected </div>
line 32 column 64 - Warning: <img> lacks "alt" attribute
line 166 column 1 - Warning: <div> proprietary attribute "permalink"
line 167 column 1 - Warning: <script> inserting "type" attribute
line 102 column 1 - Warning: trimming empty <p>
line 107 column 65 - Warning: trimming empty <p>
line 109 column 1 - Warning: trimming empty <p>
line 159 column 7 - Warning: trimming empty <p>
Info: Doctype given is "-//W3C//DTD XHTML 1.0 Strict//EN"
Info: Document content looks like XHTML 1.0 Strict
13 warnings, 0 errors were found!


The first two warnings there, line 53, show the missing </h3> tag. My
guess is that webkit is not being very graceful with your markup.

Blessings,
TwP

Reply all
Reply to author
Forward
0 new messages