artemhp
-
Posts
29 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by artemhp
-
Спасибо, работает
-
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>123</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> </head> <body> <table style="height:100%; width:100%; background:yellow;"> <tr> <td style="height:200px;">123</td> </tr> <tr> <td> <div> <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> </td> </tr> </table> </body> </html> Не работает, но если убрать doctype, то работает. height:100% - не работает, как это обойти? Или посоветуйте решение подобной задачи дивами. Спасибо
-
DIV внутри блока (div или td) с растягивающейся высотой 100%
artemhp replied to artemhp's question in HTML Coding
Спасибо, да, все работает в Хром, но в Фаерфокс - отказывается работать. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>123</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <link type="text/css" href="http://jscrollpane.kelvinluck.com/style/jquery.jscrollpane.css" rel="stylesheet" media="all" /> <style type="text/css" id="page-css"> /* Styles specific to this particular page */ .scroll-pane { width: 100%; height: 100%; overflow: auto; } body { margin:0; padding:0; } html, body, table { height: 100%; } </style> <!-- latest jQuery direct from google's CDN --> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" ></script> <!-- the mousewheel plugin --> <script type="text/javascript" src="http://jscrollpane.kelvinluck.com/script/jquery.mousewheel.js" ></script> <!-- the jScrollPane script --> <script type="text/javascript" src="http://jscrollpane.kelvinluck.com/script/jquery.jscrollpane.min.js" ></script> <script type="text/javascript" id="sourcecode"> $(function(){$('.scroll-pane').jScrollPane();}); </script> </head> <body> <table style="height:100%" width="100%" border="0"> <tr> <td bgcolor="brown" height="200">123</td> </tr> <tr> <td bgcolor="green" style="position:relative;"> <div class="scroll-pane" style="position: absolute; top: 0; bottom: 0; width: 100%"> <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> <p>Текст</p> <p>Текст</p> <p>Текст</p> <p>Текст</p> <p>Текст</p> <p>Текст</p> <p>Текст</p> <p>Текст</p> </div> </td> </tr> </table> </body> </html> -
DIV внутри блока (div или td) с растягивающейся высотой 100%
artemhp replied to artemhp's question in HTML Coding
Очень жаль, но приведенный Вами способ не работает :-( Приведу более подробный мой код и задачу <html> <head> <title>123</title> <link type="text/css" href="http://jscrollpane.kelvinluck.com/style/jquery.jscrollpane.css" rel="stylesheet" media="all" /> <style type="text/css" id="page-css"> /* Styles specific to this particular page */ .scroll-pane { width: 100%; height: 200px; overflow: auto; } </style> <!-- latest jQuery direct from google's CDN --> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <!-- the mousewheel plugin --> <script type="text/javascript" src="http://jscrollpane.kelvinluck.com/script/jquery.mousewheel.js"></script> <!-- the jScrollPane script --> <script type="text/javascript" src="http://jscrollpane.kelvinluck.com/script/jquery.jscrollpane.min.js"></script> <style type="text/css"> body { margin:0; padding:0; } .main_block { width:100%; height:100%; min-width:1004px; background:green; position:relative; } .header { position: absolute; width: 100%; } .content { position:absolute; top:200px; background:brown; height:100%; width:100%; } </style> <script type="text/javascript" id="sourcecode"> $(function() { $('.scroll-pane').jScrollPane(); }); </script> </head> <body> <table style="height:100%" width="100%" border="0"> <tr> <td bgcolor="brown" height="200">123</td> </tr> <tr> <td bgcolor="green" style="position:relative;"> <div class="scroll-pane" style="position: absolute; top: 0; bottom: 0; width: 100%"> <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> <p>Текст</p> <p>Текст</p> <p>Текст</p> <p>Текст</p> <p>Текст</p> <p>Текст</p> <p>Текст</p> <p>Текст</p> </div> </td> </tr> </table> </body> </html> Цель. Что бы у меня был скролящийся текст в нижней ячейке таблицы. Код я привел с уже исправленным кодом по указанной ctpz теме -
DIV внутри блока (div или td) с растягивающейся высотой 100%
artemhp posted a question in HTML Coding
<table> <tr> <td style="height:200px"></td> </tr> <tr> <td> <div>Вот этот див. Он должен растягиваться по высоте td</div> </td> </tr> </table> Как в вышеприведенном коде сделать так, что бы DIV тянулся по высоте? Именно что бы объект DIV физически растягивался, а не с костылями в виде картинок на фоне