in Education by
I'm a little new to the web development scene and I was having a very persistent problem with Chrome that I can't quite seem to figure out. I'm using the Compact News Previewer to show new entries to the database. You'll notice that if you view the demo in Firefox everything fits nice and snug, but in Chrome the paragraphs within the left-hand column get truncated. I'm having this same issue in my own implementation as seen below (Note: My implementation is a little different from the demo): You can see this issue for yourself if you go to this website. What I've tried: CSS Reset - yields no different results. Edit I'm using Chrome V18.0.1025.151, going to try a system update on Ubuntu so I'll check in tomorrow and see if this fixes the issue. Edit 2 Evidently I'm using the latest version of Google Chrome, might be a problem with this version. But if nobody else can see the issue then perhaps it's a non-issue... Edit 3 Found out that I was using Chromium instead of Chrome, I didn't realize there was a difference. I installed Chrome 7 instead but I'm getting the same problem as with Chromium. Also suddenly neither of these browsers are able to display some of my jpg images? C̶h̶r̶o̶m̶e̶ ̶m̶u̶s̶t̶ ̶b̶e̶ ̶i̶n̶c̶r̶e̶d̶i̶b̶l̶y̶ ̶b̶u̶g̶g̶y̶ ̶o̶n̶ ̶U̶b̶u̶n̶t̶u̶!̶ <-- Human-error! JavaScript questions and answers, JavaScript questions pdf, JavaScript question bank, JavaScript questions and answers pdf, mcq on JavaScript pdf, JavaScript questions and solutions, JavaScript mcq Test , Interview JavaScript questions, JavaScript Questions for Interview, JavaScript MCQ (Multiple Choice Questions)

1 Answer

0 votes
by
It seems like the issue is due to Chrome's default line-height and the fonts that you are using on the page. Myriad Pro and Trebuchet MS seem to have very wide leading when used with Chrome's default; sans-serif is fine. Since .cn_list p has a fixed height and overflow:hidden set, the huge line-height Chrome gives these fonts pushes the text out of the box, cutting it off. You have a couple of options: Specify a line-height value in your .cn_list p rule or in a rule for a parent element, like body to cascade it down. (Something like 1 or 1em will tighten it up, but YMMV.) Remove the fixed height and hidden overflow, which would probably break your design since it would ruin the grid. Adding a line-height should do the trick for you there, though. Projects like HTML5Boilerplate always set a default line-height for just this reason.

Related questions

0 votes
    In Internet Explorer I can use the clipboardData object to access the clipboard. How can I do that in ... Questions for Interview, JavaScript MCQ (Multiple Choice Questions)...
asked Mar 16, 2022 in Education by JackTerrance
0 votes
    In Internet Explorer I can use the clipboardData object to access the clipboard. How can I do that in ... Questions for Interview, JavaScript MCQ (Multiple Choice Questions)...
asked Mar 16, 2022 in Education by JackTerrance
0 votes
    In Internet Explorer I can use the clipboardData object to access the clipboard. How can I do that in ... Questions for Interview, JavaScript MCQ (Multiple Choice Questions)...
asked Mar 16, 2022 in Education by JackTerrance
0 votes
    write the steps for moving the first line on the paragraph to 1.5 cm from margin in a computer system Select the correct answer from above options...
asked Dec 13, 2021 in Education by JackTerrance
0 votes
    When creating a jQuery UI datepicker on a detached div it works fine in Firefox but in Chrome it gets ... Questions for Interview, JavaScript MCQ (Multiple Choice Questions)...
asked Mar 4, 2022 in Education by JackTerrance
0 votes
    I want to use MLPs to solve regression problem. I have inputs with variable length to fix this I ... JavaScript Questions for Interview, JavaScript MCQ (Multiple Choice Questions)...
asked Jun 1, 2022 in Education by JackTerrance
0 votes
    I have been working on the Snackbar and achieved in my project successfully. However, there is this little ... Questions for Interview, JavaScript MCQ (Multiple Choice Questions)...
asked May 6, 2022 in Education by JackTerrance
0 votes
    In tf.nn.max_pool of tensorflow what is the difference between 'SAME' and 'VALID'? I read in here that ... pool means in tensorflow? Select the correct answer from above options...
asked Jan 24, 2022 in Education by JackTerrance
0 votes
    The ___________ class adds a rounded border around an element with a gray background color and some padding. ... .alert .jumbotron Select the correct answer from above options...
asked Dec 10, 2021 in Education by JackTerrance
0 votes
    What are difference between Margin v/s Padding?...
asked Dec 21, 2020 in Technology by JackTerrance
0 votes
    Explain the following statements by giving reasons : Political parties can concentrate on one particular issue. Please answer the above question....
asked Aug 14, 2022 in Education by JackTerrance
0 votes
    SQL structure such as table names, column names, and so on cannot be escaped, and thus user-supplied structure names are ... issue in a report-writing software. 1. True 2. False...
asked Mar 20, 2021 in Technology by JackTerrance
0 votes
    modify layout of a paragraph (to write in notebook) presentation Select the correct answer from above options...
asked Dec 27, 2021 in Education by JackTerrance
0 votes
    modify layout of paragraph (to write in notebook) presentation Select the correct answer from above options...
asked Dec 27, 2021 in Education by JackTerrance
0 votes
    modify layout of a paragraph (to write in notebook) presentation Select the correct answer from above options...
asked Dec 26, 2021 in Education by JackTerrance
...