html - Have a single row of a table row cover the whole document -


i have single row of table cover whole document. more precise, need "fake <hr>" specific plain color (no content, no text, etc.).

what simplest way achieve using css? please note modifying html source hard because:

  • the table generated through jsp page makes use of struts layout, second
  • many pages affected, , cannot afford modify them all

i have tested having <hr> tag inside cell, not seem cover whole screen, limited table width, make sense.

i working html 4.01 , css3 (css 2.1 better 'though).

edit: rephrase, needed have tr have arbitrary size (superior other rows size). solution has been given below (thanks !) , absolute positionning.

try adding width: 99vw hr tag (i believe css3):

    <div style="width: 50%; background: #aaa;margin: 0 auto;">         <table>            <tr>              <td>                  hi                  <hr style="width: 99vw;left: 0; position: absolute;" />                 there              </td>            </tr>         </table>     </div> 

fiddle demo


Comments

Popular posts from this blog

html - Outlook 2010 Anchor (url/address/link) -

javascript - Why does running this loop 9 times take 100x longer than running it 8 times? -

Getting gateway time-out Rails app with Nginx + Puma running on Digital Ocean -