Cableguy69
New Member
I have the following HTML code:\[code\]<!DOCTYPE html><html> <head> <title>Contest Coding</title> <meta charset = 'utf-8'> <meta name = 'description' content = 'The free programming competition for everyone'> <meta name = 'keywords' content = 'programming competition, coding competition, programming contest, coding contest, progrramming puzzles, coding puzzles, contestcoding, contest coding, c, c#, c++, python, ruby, java, javascript, php, haskell, perl, programming, coding'> <meta name = 'author' content = 'Lewis Cornwall'> <style type = 'text/css'> body { margin: auto; width: 960px; font-family: Helvetica, sans-serif; font-size: 16px; } #header { text-align: center; } #leaderboard { float: left; } #leaderboard table { width: 280px; } #puzzles { float: right; } #puzzles table { width: 640px; } .view_full { line-height: 2em; } h1 { font-size: 60px; line-height: .5em; } table { border-collapse: collapse; background-color: lightgrey; } table, th, td { padding: 10px; border: 1px solid #000; text-align: left; } a { color: #000; text-decoration: none; } a:hover { text-decoration: underline; } </style> </head> <body> <div id = 'header'> <h1>CONTEST CODING</h1> <p>The free programming competition for everyone</p> </div> <div id = 'leaderboard'> <h2>Leaderboard</h2> <table> <thead> <tr> <th>Name</th> <th>Points</th> </tr> </thead> <tbody> <tr> <td> <a hrefhttp://stackoverflow.com/questions/15897509/= ''>Ed Southall</a> </td> <td>20</td> </tr> <tr> <td> <a hrefhttp://stackoverflow.com/questions/15897509/= ''>Mark Bishop</a> </td> <td>20</td> </tr> <tr> <td> <a hrefhttp://stackoverflow.com/questions/15897509/= ''>Krishna Teja</a> </td> <td>18</td> </tr> </tbody> </table> <a hrefhttp://stackoverflow.com/questions/15897509/= '' class = 'view_full'>View full leaderboard »</a> </div> <div id = 'puzzles'> <h2>Latest Puzzles</h2> <table> <thead> <tr> <th>Name</th> <th>Solved By</th> </tr> </thead> <tbody> <tr> <td> <a hrefhttp://stackoverflow.com/questions/15897509/= ''>The Truck Driver - Click to View and Solve</a> </td> <td>0</td> </tr> <tr> <td> <a hrefhttp://stackoverflow.com/questions/15897509/= ''>The Eight Queens - Click to View and Solve</a> </td> <td>0</td> </tr> <tr> <td> <a hrefhttp://stackoverflow.com/questions/15897509/= ''>Palindromic Primes - Click to View and Solve</a> </td> <td>3</td> </tr> </tbody> </table> <a hrefhttp://stackoverflow.com/questions/15897509/= '' class = 'view_full'>View all puzzles »</a> </div> </body></html>\[/code\]and I ran it on Google Chrome. I right clicked, selected 'Inspect Element', clicked on the body section (so Chrome should highlight the whole body), but it only highlighted the \[code\]#header\[/code\] section. Why doesn't it highlight the whole page?