Футер налезает на таблицу

nikki4 · April 9, 2012

Добрый день!

джумла 2.5, есть компонент джуми, который выводит пхп файл.

при нажатии на кнопку в том файле, создается таблица.

проблема - футер , подвал сайта налезает на таблицу.. сайт на локал хосте, потому просто кусок кода покажу.

как сделать, чтоб футер под таблицу опустился? (таблица динамического размера)

<!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" xml:lang="ru-ru" lang="ru-ru" dir="ltr" >

<head>

<style type="text/css">
#footer {
float:left;
width:980px;
height:40px;
background:YELLOW;
border-top:2px solid #d6d6d6;
  </style>

	  <base href="http://test.ru/index.php/jumi" />
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <meta name="keywords" content="" />
  <meta name="description" content="" />
  <meta name="generator" content="Joomla! - Open Source Content Management" />
  <title>Hello Jumi!</title>
  <script src="/media/system/js/mootools-core.js" type="text/javascript"></script>
  <script src="/media/system/js/core.js" type="text/javascript"></script>
  <script src="/media/system/js/mootools-more.js" type="text/javascript"></script>



<link rel="stylesheet" href="/templates/garrioness1.7/css/tdefaut.css" type="text/css" media="all" />
<link rel="stylesheet" href="/templates/garrioness1.7/css/box.css" type="text/css" />
<script type="text/javascript" src="/templates/garrioness1.7/js/mootools.js"></script>
<script type="text/javascript" src="/templates/garrioness1.7/js/script.js"></script>
<script type="text/javascript" src="/templates/garrioness1.7/js/jquery.js"></script>
<script language="javascript" type="text/javascript" src="/templates/garrioness1.7/js/superfish.js"></script>
<link rel="icon" type="image/gif" href="/templates/garrioness1.7/favicon.gif" />


    <script type="text/javascript">
        window.addEvent('domready', function() {
        SqueezeBox.initialize({});
        $$('a.modal').each(function(el) {
            el.addEvent('click', function(e) {
                new Event(e).stop();
                 SqueezeBox.fromElement(el);
            });
         });
      });
    </script>

	<script type="text/javascript">
		// initialise plugins
		jQuery(function(){
			jQuery('ul.nav').superfish();
            });
		</script>

</head>
<body>
    <div class="pagewidth">
        <div id="sitename">
            <a href="/index.php"><img src="/templates/garrioness1.7/images/logo.png" width="243" height="58" alt="logotype" /></a>
        </div>
		  			    <div id="topmenu">
		            <div id="navigation">
                        <ul class="nav"> 

<ul class="menu">
<li class="item-101"><a href="/" >Новости</a></li><li class="item-102"><a href="/index.php/stati" >Статьи</a></li><li class="item-105"><a href="/index.php/nanesti-ieroglify-na-majki-chashki" >пункт меню3</a></li><li class="item-106"><a href="/index.php/gostevaya-kniga" >Гостевая книга</a></li><li class="item-113"><a href="/index.php/perevod-imeni-na-yaponskij" >пункт меню4</a></li><li class="item-117 current active"><a href="/index.php/jumi" >jumi</a></li></ul>

                        </ul>
		            </div>
                </div>


				 				    <div id="main-full">
				        <table class="text" border="1" cellpadding="5" cellspacing="0" width="300" style="position:absolute;margin:10px 0 0 0">
   <tr>

     <td>ячейка1</td>
     <td>ячейка2</td>
     <td>ячейка3</td>
	 <td>ячейка4</td>
     <td>ячейка5</td>
   </tr>
      <tr>

     <td>ячейка6</td>
     <td>ячейка7</td>
     <td>ячейка8</td>
	 <td>ячейка9</td>
     <td>ячейка10</td>
   </tr>



</table> 



				    </div>
				        						    <div id="footer">
				                <div class="ftb">
                                    Copyright© 2008 - 2012  . design by ....
                                </div>
                                    <div id="top">
                                        <div class="top_button">           
                                        </div>
					                </div>
			                </div>
	</div>  
</body>
</html>

hedgehog · April 9, 2012

Конечно будет наезжать. Таблица не принимает участия в потоке и не раздвигает родительский блок. Зачем там абсолют для таблицы, да еще и инлайн стилем?

style="position:absolute;margin:10px 0 0 0"

Sign In

Футер налезает на таблицу

Question

nikki4

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

hedgehog

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information