My code:\[code\]<html> <head></head> <body> <div style="position: relative; border:1px black solid; background-color:#00a2e8; min-width: 100px; min-height: 100px; width: 1px; height: 1px"> <table border="1" style="width:100%; height: 100%;"> <tr><td style="vertical-align: middle">abc</td></tr> </table> </div> </body></html>\[/code\]In Firefox, it displays fine, the table filling up the entire div, having the table contents vertially centered.If I display it on Webkit-based browser, the table doesn't fill the entire div, causing the label to be vertically aligned to the top. How do I make the table expand to the whole div on Webkit-based browser?More specifically, I am interested in Android browser.
Webkit browser doesn't fill up div
- Thread starter jayderamu
- Start date