Следующий код не работает в IE.DIV не охватывает всю страницу, несмотря на то, что он установлен на left:0px и right:0px.Элемент тела имеет большую ширину согласно отладчику.
left:0px
right:0px
Почему?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> </head> <body> <div align="center" style="position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; background-color: red"> Some text </div> </body> </html>
Yo не может использовать "left: 0; right: 0;" либо влево, либо вправо и то же самое с верхним нижним краем в том же контейнере.
Use This
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> </head> <body> <div align="center" style="position: absolute; left: 0; top: 0; background-color: red"> Some text </div> </body> </html>
На самом деле поля не требуются.и это работает здесь, в IE также!
position: absolute; width:100%;height:100%;background-color: red;
, если вы хотите использовать всю страницу. используйте width:100% и height:100%
width:100%
height:100%