на некоторых страницах съезжает div

@joker994 · Регистрация: 14.05.2012

Студворк — интернет-сервис помощи студентам

на некоторых страницах съезжают div'ы и я не могу понять причины, а как следствие и методов решения, что самое не понятно почему на одних странциах все нормально, а на других нет, хотя не вижу в них разницы. В данной ситуации либо, как и задумывалось, два дива left и content равняются друг под друга по высоте, в зависимости от наполнения, но при переходе на некоторые других страницы внутри сайта это сбивается, и они становятсья оба минимального размера по наполнению, а фон футера вообще пропадает.

p.s. здесь страниц не видно т.к. они были сделать уже в cms, но не думаю что проблема в ней. cms joomla 2.5

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<?php
 
defined('_JEXEC') or die;
 
/* The following line gets the application object for things like displaying the site name */
$app = JFactory::getApplication();
?>
<?php echo '<?'; ?>xml version="1.0" encoding="<?php echo $this->_charset ?>"?>
<!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>"; style="height: 100%" >
      <head>
      <jdoc:include type="head" />
      <link rel ="stylesheet" type ="text/css" href ="css/style.css"/>
      <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />
      <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" />
      <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
            <style>
            body{background-color:#C6E2FF;}
            </style>
      </head>
      
      <title>Автомотошкола-161</title>
      
      <Body style="height: 100%">  
      <jdoc:include type="modules" name="top" /> 
      
      
            <div id="container"; style="min-height: 100%";>
                  <div id="header"; style="background: url(images/header.jpg);"> </a>
                  </div>
                  
                  <div id="wrapper"; style="min-height: 100%"> 
                        <div id="wrap"> 
                              <div id="left"; style="background: url(images/left.png); background-size: 100% 100%;">
                              <jdoc:include type="modules" name="menu" style="xhtml" />
                                    <p class="text">
                                            </p>
                              </div>
                              
                              <div id="content"; style="background: url(images/content.jpg) no-repeat; background-size: 100% 100%;"> 
                                    <jdoc:include type="message" />  
                                    <jdoc:include type="component" />
                                    <jdoc:include type="modules" name="sidebar" style="xhtml" />
                                    <p class="text"></p>
                              </div>
                        </div>
                 
                  </div>
                   <div id="footer"; style="background: url(images/footer.jpg); background-size: 100% 100%;">
                  <jdoc:include type="modules" name="footer" style="xhtml" />
                        <div id="foot";>
                              <div id="leftfoot";>
 
                                
                                <script type="text/javascript">(function() {
  if (window.pluso)if (typeof window.pluso.start == "function") return;
  if (window.ifpluso==undefined) { window.ifpluso = 1;
    var d = document, s = d.createElement('script'), g = 'getElementsByTagName';
    s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true;
    s.src = ('https:' == window.location.protocol ? 'https' : 'http')  + '://share.pluso.ru/pluso-like.js';
    var h=d[g]('body')[0];
    h.appendChild(s);
  }})();</script>
<div class="pluso" data-background="transparent" data-options="medium,square,line,horizontal,nocounter,theme=03" data-services="facebook,vkontakte,twitter,odnoklassniki" data-description="АМШ №161 г. Шахты."></div>
                                
                                
                              </div>  
                              
                              <div id="centerfoot";>
                                    <p class="textthree">
                                      Информация о организации:<br>
                                      Адрес: г. Шахты, ул. Текстильная 19А (пос. ХБК)<br>
                                      тел. директора Пожидаива И.В.:8-928-753-15-52<br>
                                    </p>
                              </div>  
                        </div>    
                        
                        <div id="rightfoot";>
                              <p class="textthree">информация о авторе сайта:<br>
                              Шахматов А.А.<br>
                              e-mail: joker994@rambler.ru
                              <br></p>
                        </div>  
                        
                  </div>
            </div>
     
        
      </body>
</html>

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
 .text{
margin: 15px;
font-family:times new roman;
font-size:16px;
color:#000080;}
 
h2{padding: 20px;}
 
.texttwo{
padding: 6px;
margin-bottom:-6px;
margin-left:12px;
margin-top: 0px;
font-family:times new roman;
font-size:17px;
color:#000080;}
 
.textthree{
border-left: 2px solid #000080;
margin-left: 30px; 
padding-left: 10px;
font-family:times new roman;
font-size:17px;
color:#000080;
margin-bottom:-10px;}
 
.pluso{ margin-top: 25px;
    margin-left:10px;}
 
 
 #container {
width: 900px; 
min-height:100%;
margin-right: auto; 
margin-left: auto;
margin-bottom:-10px;}
 
      #header { 
      width: 900px;
      height:166px;}
      
      #wrapper {
      width:900px;
      min-height:100%;}
     
            
                  #left{
                  float:left;
                  width:180px;
                  height:100%;
                  display:block;}
 
                  #content{
                  float:right;
                  width:720px;
                  height:100%;
                  display:block;}
     
      
#footer{
width: 100%;
height:80px;}
 
      #foot{
      float:left;
      position:relative;
      display:block;
      }
      
            #leftfoot{
            float:left;
            position:relative;
            display:block;
            }
            
            #centerfoot{
            float:right;
            display:block;
            }
            
      #rightfoot{
      float:right;
      display:block;
      width:310px;}

Добавлено через 39 минут
Все разобрался, извиняюсь за зря созданную тему, тему можно закрывать

@Taatshi · 17.12.2013, 10:15

joker994, а поделиться решением?? Как же без решения закрывать тему-то?

@Academik · 17.12.2013, 23:05

Пора штрафовать таких людей.

Мы тут вникаем в проблему и тут на тебе, решили уже

@joker994 · 18.12.2013, 23:09 **[ТС]**

Ошибка была в том что я использовал только min-height, полазив по сайтам понял что лучше использовать его в паре с просто height установленного в пикселях, а min-height: 100%, тогда сайт изначально идет фиксированный по height, а когда наполнение превышает высоту height, div начинает растягиваться благодаря min-height.

@Taatshi · 19.12.2013, 12:02

joker994, молодчина. Верно все расписал.

Новые блоги и статьи Все статьи Все блоги /
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .

@Taatshi Почетный модератор 12274 / 5340 / 268 Регистрация: 05.04.2011 Сообщений: 14,086 Записей в блоге: 2
	17.12.2013, 10:15
	joker994, а поделиться решением?? Как же без решения закрывать тему-то? 1

@Academik 1030 / 682 / 297 Регистрация: 04.04.2013 Сообщений: 2,751
	17.12.2013, 23:05
	Пора штрафовать таких людей. Мы тут вникаем в проблему и тут на тебе, решили уже 1

@joker994 9 / 3 / 0 Регистрация: 14.05.2012 Сообщений: 58
	18.12.2013, 23:09 [ТС]
	Ошибка была в том что я использовал только min-height, полазив по сайтам понял что лучше использовать его в паре с просто height установленного в пикселях, а min-height: 100%, тогда сайт изначально идет фиксированный по height, а когда наполнение превышает высоту height, div начинает растягиваться благодаря min-height. 1

@Taatshi Почетный модератор 12274 / 5340 / 268 Регистрация: 05.04.2011 Сообщений: 14,086 Записей в блоге: 2
	19.12.2013, 12:02
	joker994, молодчина. Верно все расписал. 1