Не работает height 100% заливка фоновой картинкой

Есть любые вопросы, связанные со стилями/темами для phpBB 3.0.x? Задайте их здесь!
Правила форума
Местная Конституция | Шаблон запроса | Документация (phpBB3) | Переход на 3.0.6 и выше | FAQ-3 (phpbb3) | Как задавать вопросы | Как устанавливать моды

Ваш вопрос может быть удален без объяснения причин, если на него есть ответы по приведённым ссылкам (а вы рискуете получить предупреждение ;) ).
vitasonline
phpBB 1.0.0
Сообщения: 2
Стаж: 16 лет 4 месяца

Не работает height 100% заливка фоновой картинкой

Сообщение vitasonline »

Добрый день!
Подскажите как мне сделать так чтобы таблица растягивалась по выстое на 100 %, а не так как на "Изображении 1".
site1.jpg
Если убрать <!DOCTYPE, то все растягивается, но тогда просходит смещение текста вообще за стиль, все нарущается. Или может, как то можно задать заливку через <div>??? Помогите...
вот код:

Код: Выделить всё

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="ru-ru" xml:lang="ru-ru">
<head>

<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-language" content="ru-ru" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="copyright" content="Auction26.Ru &copy; 2010 by VitasOnLine" />
<meta name="keywords" content="" />
<meta name="description" content="" />

<title>Auction26.Ru &bull; Главная страница</title>

<!--
	phpBB style name: prosilver
	Based on style:   prosilver (this is the default phpBB3 style)
	Original author:  Tom Beddard ( http://www.subBlue.com/ )
	Modified by:      
	
	NOTE: This page was generated by phpBB, the free open-source bulletin board package.
	      The phpBB Group is not responsible for the content of this page and forum. For more information
	      about phpBB please visit http://www.phpbb.com
-->

<script type="text/javascript">
// <![CDATA[
	var jump_page = 'Введите номер страницы, на которую Вы хотели бы перейти:';
	var on_page = '';
	var per_page = '';
	var base_url = '';
	var style_cookie = 'phpBBstyle';
	var style_cookie_settings = '; path=/; domain=auction26.ru';
	var onload_functions = new Array();
	var onunload_functions = new Array();

	

	/**
	* Find a member
	*/
	function find_username(url)
	{
		popup(url, 760, 570, '_usersearch');
		return false;
	}

	/**
	* New function for handling multiple calls to window.onload and window.unload by pentapenguin
	*/
	window.onload = function()
	{
		for (var i = 0; i < onload_functions.length; i++)
		{
			eval(onload_functions[i]);
		}
	}

	window.onunload = function()
	{
		for (var i = 0; i < onunload_functions.length; i++)
		{
			eval(onunload_functions[i]);
		}
	}

// ]]>
</script>
<script type="text/javascript" src="styleswitcher.js"></script>
<script type="text/javascript" src="forum_fn.js"></script>

<link href="print.css" rel="stylesheet" type="text/css" media="print" title="printonly" />
<link href="./style.php?id=9&lang=ru&sid=b91783c8afbdb6011890875997430553" rel="stylesheet" type="text/css" media="screen, projection" />

<link href="normal.css" rel="stylesheet" type="text/css" title="A" />
<link href="medium.css" rel="alternate stylesheet" type="text/css" title="A+" />
<link href="large.css" rel="alternate stylesheet" type="text/css" title="A++" />



</head>

<body id="phpbb" class="section-index ltr">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
  <tr> 
    <td style="background-image: url(images/bgb2.gif); background-repeat: repeat-y; background-position: right top"><img src="images/spacer.gif"></td>
    <td width="928" bgcolor="#D6D5D0" valign="top"> 
<div id="wrap">
    <div class="border-left">
    <div class="border-right">
    <div class="border-top">
    <div class="border-top-left">
    <div class="border-top-right">
        <div class="inside" style="direction: ltr; ">
        	<a id="top" name="top" accesskey="t"></a>
        	<div id="page-header">
        		<div class="headerbar">
        			<div class="inner"><span class="corners-top"><span></span></span>
        
        			<div id="site-description">
        				<a href="./index.php" title="Список форумов" id="logo"><img src="./styles/prosilver_se/imageset/site_logo.gif" width="500" height="70" alt="" title="" /></a>
        			
        			</div>
        
        		
        			<div id="search-box">
        				<form action="./search.php" method="post" id="search">
        				<fieldset>
        					<input name="keywords" id="keywords" type="text" maxlength="128" title="Ключевые слова" class="inputbox search" value="Поиск…" onclick="if(this.value=='Поиск…')this.value='';" onblur="if(this.value=='')this.value='Поиск…';" /> 
        					<input class="button2" value="Поиск" type="submit" /><br />
        					<a href="./search.php" title="Параметры расширенного поиска">Расширенный поиск</a> 
        				</fieldset>
        				</form>
        			</div>
        		
        
        			<span class="corners-bottom"><span></span></span></div>
        		</div>
        
        		<div class="navbar">
        			<div class="inner"><span class="corners-top"><span></span></span>
        
        			<ul class="linklist navlinks">
        				<li class="icon-home"><a href="./index.php" accesskey="h">Список форумов</a> </li>
        
        				<li class="rightside"><a href="#" onclick="fontsizeup(); return false;" onkeypress="fontsizeup(); return false;" class="fontsize" title="Изменить размер шрифта">Изменить размер шрифта</a></li>
        
        				
        			</ul>
        
        			
        			<ul class="linklist leftside">
        				<li class="icon-ucp">
        					<a href="./ucp.php" title="Центр пользователя" accesskey="u">Центр пользователя</a>
        						 (<a href="./ucp.php?i=pm&folder=inbox">Новых ЛС: <strong>0</strong></a>) &bull; 
        					<a href="./search.php?search_id=egosearch">Ваши сообщения</a>
        					
        				</li>
        			</ul>
        			
        
        			<ul class="linklist rightside">
					  <li class="icon-molotok"><a href="/">&#1053;&#1072;&#032;&#1040;&#1091;&#1082;&#1094;&#1080;&#1086;&#1085;</a></li>
        				<li class="icon-faq"><a href="./faq.php" title="Часто задаваемые вопросы">FAQ</a></li>
        				<li class="icon-members"><a href="./memberlist.php" title="Просмотр всего списка пользователей">Пользователи</a></li>
        					<li class="icon-logout"><a href="./ucp.php?mode=logout&sid=b91783c8afbdb6011890875997430553" title="Выход [ admin ]" accesskey="l">Выход [ admin ]</a></li>
        				
        			</ul>
        
        			<span class="corners-bottom"><span></span></span></div>
        		</div>
        
        	</div>
        
        	<a name="start_here"></a>
        	<div id="page-body">
        		
        		 

<p class="right rightside">Последнее посещение: Сегодня, 14:22</p>
<p>Текущее время: 28 апр 2010, 19:22 <br />[&nbsp;<a href="./mcp.php?i=main&mode=front&sid=b91783c8afbdb6011890875997430553">Центр модератора</a>&nbsp;]</p>
<ul class="linklist">
	
		<li><a href="./search.php?search_id=unanswered">Сообщения без ответов</a> &bull; <a href="./search.php?search_id=unreadposts">Непрочитанные сообщения</a> &bull; <a href="./search.php?search_id=newposts">Новые сообщения</a> &bull; <a href="./search.php?search_id=active_topics">Активные темы</a></li>
	<li class="rightside"><a href="./index.php?hash=2bda3002&mark=forums" accesskey="m">Отметить все форумы как прочитанные</a></li>
</ul>

		<div class="forabg">
			<div class="inner"><span class="corners-top"><span></span></span>
			<ul class="topiclist">
				<li class="header">
					<dl class="icon">
						<dt>Форум</dt>
						<dd class="topics">Темы</dd>
						<dd class="posts">Сообщений</dd>
						<dd class="lastpost"><span>Последнее сообщение</span></dd>
					</dl>
				</li>
			</ul>
			<ul class="topiclist forums">
	
		<li class="row">
			<dl class="icon" style="background-image: url(./styles/prosilver_se/imageset/forum_read_subforum.gif); background-repeat: no-repeat;">
				<dt title="Нет новых сообщений">
				
					<a href="./viewforum.php?f=3" class="forumtitle" >Новости и изменения</a><br />
					Последние новости и изменения на Ставропольском Аукционе
					
						<br /><strong>Модераторы:</strong> <a href="./memberlist.php?mode=viewprofile&u=59">moderator</a>, <a href="./memberlist.php?mode=viewprofile&u=58">administrator</a>
					<br /><strong>Подфорумы: </strong> <a href="./viewforum.php?f=15" class="subforum read" title="Нет новых сообщений">Объявления</a>, <a href="./viewforum.php?f=16" class="subforum read" title="Нет новых сообщений">Изменения на Аукционе</a>, <a href="./viewforum.php?f=17" class="subforum read" title="Нет новых сообщений">Изменения на Форуме</a>
				</dt>
				
					<dd class="topics">0 <dfn>Темы</dfn></dd>
					<dd class="posts">0 <dfn>Сообщений</dfn></dd>
					<dd class="lastpost"><span>
						<dfn>Последнее сообщение</dfn> <a style="font-weight: bold;" href="./viewtopic.php?f=3&p=3#p3" title="Назначение форума">Назначение форума</a><br />  <a href="./memberlist.php?mode=viewprofile&u=59">moderator</a>
						<a href="./viewtopic.php?f=3&p=3#p3"><img src="./styles/prosilver_se/imageset/icon_topic_latest.gif" width="11" height="9" alt="Перейти к последнему сообщению" title="Перейти к последнему сообщению" /></a> <br />23 апр 2010, 22:06</span>
					</dd>
				
			</dl>
		</li>
	
		
	
			</ul>

			<span class="corners-bottom"><span></span></span></div>
		</div>
	<h3><a href="./viewonline.php">Кто сейчас на форуме</a></h3>
	<p>Сейчас посетителей на форуме: <strong>1</strong>, из них зарегистрированных: 1, гостей: 0 (основано на активности пользователей за последние 5 минут)<br />Больше всего посетителей (<strong>3</strong>) на форуме было 24 апр 2010, 13:10<br /> <br />Зарегистрированные пользователи: <a href="./memberlist.php?mode=viewprofile&u=2" style="color: #AA0000;" class="username-coloured">admin</a>
	<br /><em>Легенда: <a style="color:#AA0000" href="./memberlist.php?mode=group&g=5">Администраторы</a>, <a style="color:#00AA00" href="./memberlist.php?mode=group&g=4">Главные модераторы</a></em></p>

	<h3>Статистика</h3>
	<p>Всего сообщений: <strong>11</strong> &bull; Тем: <strong>9</strong> &bull; Пользователей: <strong>6</strong> &bull; Новый пользователь: <strong><a href="./memberlist.php?mode=viewprofile&u=63">nikvlad2</a></strong></p>
</div>
    
                <div id="page-footer">
                
                	<div class="navbar">
                		<div class="inner"><span class="corners-top"><span></span></span>
                
                		<ul class="linklist">
                			<li class="icon-home"><a href="./index.php" accesskey="h">Список форумов</a></li>
                				
                            <li class="rightside"><a href="./memberlist.php?mode=leaders">Наша команда</a> &bull; <a href="./ucp.php?mode=delete_cookies">Удалить cookies форума</a> &bull; Часовой пояс: UTC + 3 часа </li>
                		</ul>
                
                		<span class="corners-bottom"><span></span></span></div>
                	</div>
                </div>
            </div>
        <div class="border-bottom"><span><span></span></span></div>
    </div></div></div></div></div>
</div>	
	<div class="copyright">Auction26.Ru &copy; 2010 by <a href="mailto:vitasonline@mail.ru">VitasOnLine</a><br />
	Powered by <a href="http://www.phpbb.com/">phpBB</a> &copy; phpBB Group.
		<br /><strong><a href="./adm/index.php?sid=b91783c8afbdb6011890875997430553">Центр администрирования</a></strong>
	</div>



<div>
	<a id="bottom" name="bottom" accesskey="z"></a>
	
</div>

</td>
	<td background="images/bgb.gif"><img src="images/spacer.gif"></td></tr>
 </table>

</body>
</html>
прикладываю еще файлы изображений заливки фона, на всякий... ;)
images.rar
У вас нет необходимых прав для просмотра вложений в этом сообщении.
Последний раз редактировалось vitasonline 24.02.2012 6:40, всего редактировалось 1 раз.
MAzZY
Бывший член :)
Сообщения: 2925
Стаж: 21 год 4 месяца
Благодарил (а): 79 раз
Поблагодарили: 69 раз
Забанен: Бессрочно

Re: Не работает height 100% заливка фоновой картинкой

Сообщение MAzZY »

Низ не загрузился до конца. Проверьте в других браузерах
Аватара пользователя
Rayden
Former team member
Сообщения: 3739
Стаж: 21 год 2 месяца
Поблагодарили: 44 раза

Re: Не работает height 100% заливка фоновой картинкой

Сообщение Rayden »

vitasonline
зачем там вообще таблица? Чего ты хочешь?
phpBB2 FAQ
phpBB3 FAQ
Аватара пользователя
Nekstati
Поддержка
Поддержка
Сообщения: 3365
Стаж: 17 лет 6 месяцев
Благодарил (а): 37 раз
Поблагодарили: 1454 раза

Re: Не работает height 100% заливка фоновой картинкой

Сообщение Nekstati »

vitasonline писал(а):Подскажите как мне сделать так чтобы таблица растягивалась по выстое на 100 %
Наполнить форум. Растягиваться-то нечему, пока он не наполнен. Или попробуйте height: 100% для <html> и <body>.
vitasonline
phpBB 1.0.0
Сообщения: 2
Стаж: 16 лет 4 месяца

Re: Не работает height 100% заливка фоновой картинкой

Сообщение vitasonline »

Решил проблему созданием одной background-картинки шириной 1886 px.
В файле colours.css в <body> и <html> вставил:

Код: Выделить всё

html, body {
	/*color: #536482;
	background-color: #ACA8A1;*/
	background-position: 50% 50%;  margin: 0;  padding: 0;  background-image: url("{T_THEME_PATH}/images/bgb3.gif"); background-repeat: repeat-y 100% 0px;
}
Аватара пользователя
Nekstati
Поддержка
Поддержка
Сообщения: 3365
Стаж: 17 лет 6 месяцев
Благодарил (а): 37 раз
Поблагодарили: 1454 раза

Re: Не работает height 100% заливка фоновой картинкой

Сообщение Nekstati »

vitasonline писал(а):Решил проблему созданием одной background-картинки шириной 1886 px.
Бедные пользователи, плакал их трафик.
Аватара пользователя
rxu
phpBB Guru
phpBB Guru
Сообщения: 17272
Стаж: 20 лет 4 месяца
Откуда: Красноярск
Благодарил (а): 632 раза
Поблагодарили: 2412 раз

Re: Не работает height 100% заливка фоновой картинкой

Сообщение rxu »

Код: Выделить всё

html {
height: 100%;
}

body {
min-height: 100%;
}
Изображение
Аватара пользователя
Rayden
Former team member
Сообщения: 3739
Стаж: 21 год 2 месяца
Поблагодарили: 44 раза

Re: Не работает height 100% заливка фоновой картинкой

Сообщение Rayden »

rxu
А как быть с теми браузерами, которые не знают min-height ? )))
phpBB2 FAQ
phpBB3 FAQ
Аватара пользователя
rxu
phpBB Guru
phpBB Guru
Сообщения: 17272
Стаж: 20 лет 4 месяца
Откуда: Красноярск
Благодарил (а): 632 раза
Поблагодарили: 2412 раз

Re: Не работает height 100% заливка фоновой картинкой

Сообщение rxu »

Если имеется ввиду IE6 - использовать условные комментарии ;)
Изображение

Вернуться в «Стили для phpBB 3.0.x»