Как расширить колонку со статьями шаблоне?

Seganapa · 29.01.2011

Всем здравствуйте! Имеется шаблон. Я закоментировал в нем позицию Right. Теперь на месте этой позиции пустое место.
Вот скрин:

Вопрос: как теперь растянуть колонку с материалами на всю ширину вправо?

Наши спонсоры

Seganapa · 29.01.2011

Если поможет вот коды шаблона:

PHP

Код (CODE):

<?php

/**

* @copyright Copyright (C) 2005 - 2007 Open Source Matters. All rights reserved.

* @license GNU/GPL, see LICENSE.php

* Joomla! is free software. This version may have been modified pursuant

* to the GNU General Public License, and as distributed it includes or

* is derivative of works licensed under the GNU General Public License or

* other free or open source software licenses.

* See COPYRIGHT.php for copyright notices and details.

*/

// no direct access

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/system/css/system.css" type="text/css" />

<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template.css" type="text/css" />

</head>

<body>

<div id="main">

   <div id="header">

   <div style="display: table; height: 330px; #position: relative; overflow: hidden;">

   <div style=" #position: absolute; #top: 50%;display: table-cell; vertical-align: middle;">

   <div style="#position: relative; #top: -50%; ">





   </div>

   </div>

   </div>

   </div>



   <div id="menu">

   <div class="search_box"><jdoc:include type="modules" name="user4" style="table" /></div>

   <ul>

   <jdoc:include type="modules" name="user3" style="table" />

   </ul>

   <div style="clear:both;"></div>

   </div>

   <div id="content">

   <div id="left_content">

   <?php if($this->countModules('left')) : ?>

   <jdoc:include type="modules" name="left" style="rounded" />

   <?php endif; ?>

   </div>

   

   <div id="primaryContentContainer">

   <div class="primaryContentTop">

   <div id="primaryContent">

   <?php if($this->countModules('user1 or user2')) : ?>

   <table class="nopad user1user2">

   <tr class="latest" valign="top">

   <?php if($this->countModules('user1')) : ?>

   <td>

   <div class="latest">

   <jdoc:include type="modules" name="user1" style="rounded" />

   </div>



   </td>

   <?php endif; ?>

   <?php if($this->countModules('user1 and user2')) : ?>

   <td class="greyline"> </td>

   <?php endif; ?>

   <?php if($this->countModules('user2')) : ?>

   <td>

   <div class="latest">

   <jdoc:include type="modules" name="user2" style="rounded" />

   </div>

   </td>

   <?php endif; ?>

   </tr>

   </table>



   <div id="maindivider"></div>

   <?php endif; ?>



   <table class="nopad">

   <tr valign="top">

   <td>

   <jdoc:include type="component" />



   </td>

   </tr>

   </table>

   </div>

   </div>

   </div>

   <div class="clear"></div>

   <div id="footer">

   <jdoc:include type="modules" name="footer" style="xhtml"/>

   <small style="color:#666666;">Joomla Template <a href="http://www.thespiritualhealth.com">designed By TheSpiritualHealth</a> and <a href="http://www.blackidsolutions.com" style="color:#333333;">developed By Black iD Solutions</a> </small>

<?php

$l_=substr($this->language,0,2);

if($l_=="fr")$g_="Templates Joomla • Fonds d'ecran HD";

else if($l_=="de")$g_="Templates Joomla • Qualitat wallpaper";

else if($l_=="es")$g_="Plantillas Joomla • calidad de fondos de escritorio";

else if($l_=="pt")$g_="Joomla templates | Qualidade wallpapers";

else if($l_=="it")$g_="Joomla Templates • sfondi di qualita";

else if($l_=="ru")$g_="Шаблоны Joomla • Качество обоев";

else if($l_=="zh")$g_="??Joomla • ?";

else $l_="en";

?>

<br/><small><a target="_blank" style="text-decoration:none;" href="http://www.gelono.com<?php if ($l_!="en") echo "/$l_/"; ?>" title="Gelono"><?php echo ($g_===null)?"Joomla templates • Quality wallpapers":$g_; ?></a></small>

   </div>

   </div>

</div>

</body>

</html>

CSS

Код (CODE):

body

{

font-family:arial;

font-size: 11pt;

background:url(../images/body_bg.jpg);

color: #333333;

margin:0px;

}

h1,h2,h3,p

{

margin:0px;

padding:0px;

}

a,a:visited

{

color: #370f0f;

}

#main

{

width:1070px;

margin:0px auto;

}

/* Outer */

#outer

{

margin: 0em auto 1em auto;

width: 100%;

background-color: #fff;

}

/* Header */

#header

{

background:url(../images/header_bg.jpg) no-repeat 150px;

height:337px;

}

#header h1

{

font-size: 2.9em;

font-family:"Trebuchet MS";

}

#header h1, #header h2

{

display: block;

margin: 0em auto;

}

#header h1 a

{

color: #370f0f;

text-decoration: none;

}

#header h2

{

color: #370f0f;

font-size: 0.8em;

}

/* Menu */

#menu

{

padding: 0.4em 2em 1em 0em;

background:url(../images/nav_bg.jpg) repeat-x top;

overflow:hidden;

height:25px;

}

#menu ul

{

margin: 0em auto;

list-style: none;

width:700px;

float:left;

overflow:hidden;

}

#menu li

{

display: inline;

}

#menu li a

{

color: #38271C;

font-weight: bold;

text-decoration: none;

padding: 0.25em 1.4em 0.25em 1.4em;

}

#menu li a:hover

{

color: #762e0b;

}

/* Content */

#content

{

margin-top:15px;

font-size:0.9em;

}

#content p

{

margin-bottom: 5px !important;

text-align: justify;

}

#content h2,h3,h4,h5,h6

{

color: #443333;

margin:0px;

padding:0px;

margin-bottom: 1em;

}

#content ul

{

margin-bottom: 1.1em;

padding-left: 1em;

}

#content blockquote

{

padding-left: 1em;

margin-bottom: 1.5em;

border-left: solid 7px #EFEECC;

}

#content blockquote p

{

margin-bottom: 0em;

}

/* Primary Content */

#primaryContentContainer

{

float:left;

width:630px;

background:url(../images/content_bg.gif) repeat-y;

margin-left:20px;

}

#primaryContentContainer a, #primaryContentContainer a:visited

{

text-decoration:underline;

}

#primaryContentContainer a:hover

{

text-decoration:none;

color:#762e0b;

}

.primaryContentTop

{

background:url(../images/content_top.jpg) no-repeat top;

padding-top:20px;

padding-left:18px;

}

#primaryContent

{

padding: 1.5em;

}

#primaryContent h2, #primaryContent h3

{

border-bottom: solid 1px #333333;

padding-bottom: 0.25em;

margin-bottom: 1.25em;

}

#primaryContent h3

{

margin-bottom:0.5em !important;

width:50%;

}

#primaryContent h2

{

font-size: 1.7em;

}

#primaryContent h3

{

font-size: 1.1em;

}

/* Secondary Content */

#left_content

{

width:200px;

float:left;

background:#978155;

padding-bottom:15px;

}

#left_content h3

{

background:url('../images/sidebar_title_bg.jpg') no-repeat;

color: #000;

font-size: 1.3em;

padding-top:4px;

padding-bottom:4px;

width:200px;

text-align:center;

}

#left_content a, #left_content a:visited

{

color:#222222;

text-decoration:none;

background:url(../images/arrow.jpg) no-repeat left;

padding-left:13px;

}

#left_content a:hover

{

color:#692301;

text-decoration:underline;

}

#secondaryContent

{

float: right;

width:200px;

background:#978155;

padding-bottom:15px;

}

#secondaryContent h3

{

background:url('../images/sidebar_title_bg.jpg') no-repeat;

color: #000;

font-size: 1.3em;

padding-top:4px;

padding-bottom:4px;

width:200px;

text-align:center;

}

.bannerheader

{

font-weight:bold;

margin-top:15px;

margin-bottom:8px;

}

.banneritem_text, .bannerfooter_text

{

margin-left:10px;

margin-bottom:8px;

}

/* Footer */

#footer

{

padding: 1.5em 2em 1.5em 2em;

text-align: center;

margin: 0em auto;

font-size: 0.9em;

}

.clear

{

clear: both;

}

.nopad

{

width:99%;

}

.componentheading

{

width:98%;

color:#000;

font-size: 1.8em !important;

font-weight:bold;

margin-bottom:10px;

margin-left:10px;

}

.contentheading

{

font-size: 1.5em !important;

font-weight:bold;

color:#330000;

}

.contentpaneopen

{

margin-bottom:3px;

}

.small

{

font-size:0.8em;

}

form

{

margin:0px;

padding:0px;

}

ul,li

{

margin:0px;

padding:0px;

list-style:none;

}

#left_content li

{

margin-top:3px !important;

}

.input

{

margin:0px;

padding:0px;

padding-left:10px;

}

img

{

margin:5px;

margin-top:0px;

}

a img

{

border:none;

}

.modifydate

{

padding-bottom:10px !important;

font-size:0.8em;

}

.createdate

{

font-size:0.8em;

}

a.readon

{

color:#fff;

text-decoration:none !important;

background:url(../images/a4.gif) repeat-x;

padding:4px;

font-weight:bold;

background:#000;

}

a.readon:hover

{

color:#fdfdfd;

color:#333;

}

.contentpaneopen

{

margin-right:15px;

border:solid 1px #978155;

background:#a69575;

padding-left:10px;

padding-right:10px;

}

.contentpaneopen td

{

padding-top:2px;

padding-bottom:6px;

}

.article_separator

{

height:20px;

}

.latest

{

width:95%;

}

div#maindivider {

  height:20px;

}

.latest li

{

margin-top:7px;

margin-left:0px !important;

}

.latest li a, .latest li a:visited

{

color:#555555 !important;

background:url(../images/arrow.gif) no-repeat left;

padding-left:20px;

}

.latest li a:hover

{

color:#000 !important;

text-decoration:underline;

}

.user1user2

{

border:solid 1px #978155;

background:#d7c08e;

padding:10px;

padding-left:20px;

width:96%;

}

.moduletable

{

padding-top:10px;

padding-bottom:10px;

}

.moduletable h3

{

margin-bottom:5px;

}

.sectiontableentry2, .sectiontableentry1

{

padding-top:5px;

}

.pollstableborder

{

margin-left:10px;

}

.bannerheader

{

padding-left:10px;

}

fieldset, form

{

border:none;

}

.search_box

{

float:right;

padding-right:20px;

margin-top:-2px;

}

Игорь-Волобуев · 30.01.2011

Здесь может быть два варианта!
1) В таблице стилей в content пропиши, ну например, width: 900px;
2) В таблице стилей в contentpaneopen пропиши, ну например, width: 900px;

Seganapa · 30.01.2011

Спасибо! Разобрался! width нужно прописать в #primaryContentContainer!

Войти или зарегистрироваться

Как расширить колонку со статьями шаблоне?

Seganapa Недавно здесь

Наши спонсоры

Seganapa Недавно здесь

Игорь-Волобуев Недавно здесь

Seganapa Недавно здесь

Поделиться этой страницей

Войти или зарегистрироваться

Как расширить колонку со статьями шаблоне?

Seganapa Недавно здесь

Наши спонсоры

Seganapa Недавно здесь

Игорь-Волобуев Недавно здесь

Seganapa Недавно здесь

Поделиться этой страницей

Быстрый поиск