kolorimage
-
Posts
5 -
Joined
-
Last visited
kolorimage's Achievements
Explorer (1/14)
0
Reputation
-
не отображаются все елементы страницы в IE
kolorimage replied to kolorimage's question in HTML Coding
http://bestprograms.zxq.net/new/ -
не отображаются все елементы страницы в IE
kolorimage replied to kolorimage's question in HTML Coding
не работает -
opera- IE- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Документ Без Имени</title> <link href="index.css" rel="stylesheet" type="text/css" /> </head> <body bgcolor="#f6f6f5" > <div id="bg" align="center"> <div id="head"></div> <div id="content"> <div id="left"> <div class="vv">Содержимое для class "vv" здесь</div> <div class="ss"> <p> </p> <p>Содержимое для class "ss" здесь</p> <p></p> <p>Содержимое для class "ss" здесь</p> <p></p> <p>Содержимое для class "ss" здесь</p> <p></p> <p>Содержимое для class "ss" здесь</p> <p></p> <p>Содержимое для class "ss" здесь</p> <p></p> <p>Содержимое для class "ss" здесь</p> <p></p> <p>Содержимое для class "ss" здесь</p> <p></p> <p></p> </div> <div class="nn"> Содержимое для class "nn" здесь </div> </div> <div id="right"> <div class="rvv">Содержимое для class </div> <div class="rss"> <p>Содержимое для class "rss" здесь</p> <p> </p> <p> </p> </div> <div class="rnn">Содержимое для class "rnn" здесь</div> </div> </div> <div id="cn"></div> </div> </body> </html> #s{ margin: 0 auto; width: 100%; text-align: left; background-color: #333333; } #head{ width: 100%; height: 62px; background-image: url(image/picture_r1_c1.jpg); } #body{ width: 100%; height: 500px; background-color: #FF99CC; text-align: center; } #cn{ width: 100%; height: 40px; float: left; background-image: url(image/picture_r4_c1.jpg); } #left{ float: left; width: 737px; margin-left: 45px; } #right{ float: left; width: 179px; margin-left: 3px; } #bg{ width: 1024px; height: auto; } #content{ width: 100%; background-image: url(image/picture_r2_c1.jpg); overflow: hidden; } .vv{ background-image: url(image/%D1%81-1_r1_c1.jpg); overflow: hidden; height: 26px ; } .ss{ background-image: url(image/%D1%81-1_r2_c1.jpg); overflow: hidden; } .nn{ background-image: url(image/%D1%81-1_r4_c1.jpg); padding-top: 1px; overflow: hidden; background-repeat: no-repeat; } .rvv{ background-image: url(image/%D1%81-1_r2_c1_r1_c2.jpg); overflow: hidden; background-repeat: no-repeat; height: 26px } .rss{ background-image: url(image/%D1%81-1_r2_c1_r2_c2.jpg); overflow: hidden; } .rnn{ background-image: url(image/%D1%81-1_r2_c1_r4_c2.jpg); padding-top: 1px; overflow: hidden; background-repeat: no-repeat; } и как сделать так чтобы когда я додаю свойство margin-top: 2px; к #content и #right то создается такой отступ
-
некорректное отображение страницы в opera & Firefox
kolorimage replied to kolorimage's question in HTML Coding
УРА! Большое спасибо! -
я только учусь..ничего не знаю..)) IE- Opera- HTML- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Документ Без Имени</title> <link href="index.css" rel="stylesheet" type="text/css" /> </head> <body bgcolor="#f6f6f5" > <div id="bg" align="center"> <div id="head"></div> <div id="content"> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> </div> <div id="cn"></div> </div> </body> </html> Css- #s{ margin: 0 auto; width: 100%; text-align: left; background-color: #333333; } #head{ margin: 0px; width: 100%; height: 62px; background-image: url(image/picture_r1_c1.jpg); } #body{ margin: 0px; width: 100%; height: 500px; background-color: #FF99CC; text-align: center; } #cn{ margin: 0px; width: 100%; height: 40px; float: left; background-image: url(image/picture_r4_c1.jpg); margin-bottom: 0px; margin-right: 0px; margin-top: 0px; margin-left: 0px; } #left{ background-color: #993399; width: 75%; height: 500px; float: left; } #right{ background-color: #FFCCCC; width: 25%; height: 500px; float: right; } #bg{ width: 1024px; height: auto; } #content{ width: 100%; background-image: url(image/picture_r2_c1.jpg) ; }