VPF::Выравнивание блоков - Форум программистов

shimochka

Дата 4.12.2010, 16:37 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 21
Регистрация: 22.7.2009

Репутация: нет
Всего: нет

Здравствуйте, столкнуласть с проблемой
не получаеться подровнять по горизонтали левую и правую части к центральной
центральная нормально по центру стоит, а левая и правая внизу, сьехали
в стилях прописано

Код


#middle {
width: 100%; 
padding:0 0 50px;
height: 1%;
}
#middle:after {
content: '.';
display: block;
clear: both;
visibility:hidden;
height:0;
}
#container {
padding: 10px 10px 0;
}
#content
{
padding:0 248px;
}
#sideLeft{
float:left;
width:228px;
position:relative;
padding:5px 10px 0 0;
display:inline;
overflow: hidden;
}
#sideRight{
float:right;
margin-right:-3px;
width:280px;
position:relative;
margin-top:5px;
margin-bottom: 20px;
display: inline;
}

помогите пожайлуста поровнять с центральной частью

Rayled

Дата 4.12.2010, 17:31 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 104
Регистрация: 1.5.2010

Репутация: 3
Всего: 3

shimochka, HTML код предоставьте. Кто ж знает, где у вас там что.

shimochka

Дата 4.12.2010, 17:47 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 21
Регистрация: 22.7.2009

Репутация: нет
Всего: нет

Код


<?php
defined( '_JEXEC' ) or die( 'Restricted access' );
?>
<!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="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
    <jdoc:include type="head" />
    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template;?>/css/style.css" type="text/css" />
    <!--[if IE 7]><link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template;?>/css/style.css" rel="stylesheet" type="text/css" /><![endif]-->
    <!--[if IE 8]><link rel="stylesheet" href="<?php echo $templateUrl; ?>/css/template.ie8.css" type="text/css" media="screen" /><![endif]-->
</style>
<?php 
$url = clone(JURI::getInstance());
$path = $url->_path;
?>
</head>
<body>
 <div id="wrapper">
  <div id="header">
    <div id="logo"><a href=""> <img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template;?>/images/logo.png" alt="" /> </a> </div>
     <div id="pust"> <jdoc:include type="modules" name="top" /></div>
      <div id="maps">
       <div id="cont">
        <span style="margin-left:45px;">
         <a href="http://www.site.ru/"><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template;?>/images/home.png" alt="" /> </a>&nbsp;
          <a href="index.php?option=com_aicontactsafe&view=message&layout=message&pf=1"><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template;?>/images/feedback.png" alt="" /> </a>&nbsp;
           <a href="index.php?option=com_xmap&sitemap=1&Itemid=3&lang=en"><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template;?>/images/sitemap.png" alt="" /> </a>
            </span></div> 
             <div id="big"> <img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template;?>/images/map.png" alt="map" /></div>
              <div id="lang"><jdoc:include type="modules" name="lang" /></div> 
         </div>
       </div><!-- #header-->
 <div id="middle">
  <div id="headline">
   <div id="headleft"><jdoc:include type="modules" name="head1" /></div>
    <div id="headl"><jdoc:include type="modules" name="head2" /></div>
     <div id="headright"> <jdoc:include type="modules" name="search" />
       <!--  <form action="self">
        <input class="search" type="text" value="Поиск..." />
         <input type="image" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template;?>/images/find.png" />
          </form> -->
          </div></div>
<div id="liter">
 <div id="literhead"><div class="literheadtitle">БЛОК1</div> </div>
  <div id="literhead2"><div class="literheadtitle2">БЛОК2</div> </div>  
   <div id="scrollleft"><jdoc:include type="modules" name="scroll1" /></div>
    <div id="scrollright"><jdoc:include type="modules" name="scroll2" /></div>
</div>
 <div id="container">
  <div id="content" style="float: left;"><jdoc:include type="component" /> 
                 <?php
         if ($path=="/" or $path=="/home.html") : 
            print('
    
                              <div class="newsBl">
                                   <div class="about">
                                             <a class="newslnk" href="о-nas.html"><div class="topNews">
                                            <h3 class="ab">О нас</h3>
                                            </div></a>
                                    <jdoc:include type="modules" name="aboutusn" />        
                                   </div>
                                    <div class="about">
                                            <a class="newslnk" href="kategoriya.html"> <div class="topNews">
                                            <h3 class="ab">Категория</h3>
                                            </div></a>
                                            <jdoc:include type="modules" name="aboutthem" />    
                                            
                                   </div>
                            </div>
                                <div class="newsBl">
                                   <div class="about">
                                            <a class="newslnk" href="kategoriya2.html"> <div class="topNews">
                                            <h3 class="ab">Категория2</h3>
                                            </div></a> 
                                            <jdoc:include type="modules" name="ofall" />    
                                   </div>
                                    <div class="about">
                                             <a  class="newslnk" href="kategoriya3.html"><div class="topNews">
                                            <h3 class="ab">Категория3</h3>
                                            </div></a>
                                        <jdoc:include type="modules" name="aboutdifferent" />
                                   </div>
                            </div>
                                   ');
    else: 
            print('
    
                
            ');
            endif;
        ?>
              
<div class="bottom">
 <div class="bottom1"><jdoc:include type="modules" name="bottom1" /></div>
  <div class="bottom2"><jdoc:include type="modules" name="bottom2" /></div>
  </div>
 </div><!-- #content-->
</div><!-- #container-->
 <div class="sidebar" id="sideLeft"><jdoc:include type="modules" name="left" /></div><!-- .sidebar#sideLeft -->
  <div class="sidebar" id="sideRight"><jdoc:include type="modules" name="right" />
  </div><!-- .sidebar#sideRight -->
    </div><!-- #middle-->
<table class="footertable">
 <tr> 
  <td width="33%" align="center">   
   <div id="footL"><jdoc:include type="modules" name="footer1" /></div></td>
    <td width="33%" align="center">     
     <div id="footM"><jdoc:include type="modules" name="footer2" /></div>
      </td>
       <td width="33%" align="center">      
        <div id="footR"> <jdoc:include type="modules" name="footer3" /></div> 
         </td>
          </tr>
           </table>
</div><!-- #wrapper -->
</body>
</html>

Rayled

Дата 4.12.2010, 18:08 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 104
Регистрация: 1.5.2010

Репутация: 3
Всего: 3

Вы наверное в разведке работаете? smile

Причем здесь ПХП? Дайте готовую HTML-страницу, но без лишнего кода, то есть только разметка. И все стили, отвечающие за разметку и тоже без лишнего кода. То есть, чтобы можно было сохранить ваш код в обычной HTML-странице, подключить к ней стили и увидеть, где у вас там что не работает.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »