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>
Comments
Post a Comment