Questo è il sito che sto realizzando:
http://www.estetica-in-implantologia.it/Noterete subito che ho stretto la colonna "left" di 72px, ma, al contrario di quello che mi aspettavo, la parte centrale grigia del "body" (quella dove ci vanno i contenuti, per capirci) non l'ha seguita.
Rimane, antiesteticamente, spaziata di 72px. Se provo a stringere il
main di 72px, esso va a mangiarmi parte del body e mi lascia ancora lo spazio fra il menù di sinistra ed il body centrale.
Vi metto il codice del css:
/* CSS Document */
/*__________________________________________________________________TAGS_____________________________________*/
body, button, td, th, div, p {font:normal 12px tahoma; color:#ffffff}
input {color:#4e4949}
body {background:#0d0d0d}
html {height:100%}
td {line-height:17px; color:#fff;}
a {color:#ff6e20; text-decoration:underline}
a:visited {color:#ff6e20;}
a:hover {color:#ff6e20; text-decoration:none}
label {color:#fff; font-weight:normal}
p {line-height:14px; padding:0px 0px 10px 0px; }
/*__________________________________________________________________CONTENT_____________________________________*/
.article_indent, #component-contact {padding:0px 15px 10px 3px;}
#contact_text {height:auto; overflow:auto; margin:0px 0px 5px 0px;}
.article_bot {line-height:5px}
.article_separator {padding:0px 0px 0px 0px; display:block; border-bottom:1px solid #282828; margin:0px 0px 20px 0px;}
.article_separator div {line-height:15px;}
.contentpaneopen td {line-height:14px}
.contentpaneopen strong {color:#8f8f8f}
.contentpaneopen p {padding:0px 0px 15px 0px; line-height:18px}
.contentpaneopen font {color:#0eade1; font-weight:normal; font-size:12px}
.contentpaneopen img {margin:0px 15px 0px 0px;}
.contentpaneopen ul {padding:10px 0px 0px 0px;}
.contentpaneopen li a {color:#ff6e20 !important; text-decoration:underline; padding:2px 0px 5px 0px;}
.contentpaneopen li a:hover {text-decoration:none}
/*______________________HEADING__________________*/
.componentheading {color:#fff; font-size:24px; font-weight:bold; padding:5px 0px 5px 0px; margin:0px 0px 0px 0px; line-height:24px}
.contentheading {color:#fff; font-size:18px; font-weight:bold; padding:6px 0px 10px 0px; line-height:16px !important; margin:0px 0px 0px 0px; background:url(../images/title_bg.gif) no-repeat 0 0}
.buttonheading {padding:7px 0px 0px 0px;}
/*______________________BUTTONS__________________*/
.button, .validate {color:#fff; font-size:12px; font-family:Arial; margin:0px 0px 0px 0px; padding:1px 7px 4px 7px; display:block; text-transform:none; text-align:center; border:none; background:url(../images/button.gif) no-repeat 0 0; width:90px; vertical-align:middle}
* html .button, * html .validate {height:25px}
/*______________________READ_MORE________________*/
#editor-xtd-buttons div.readmore {background:none; width:auto; height:auto; margin:0px 0px 0px 0px;}
div.readmore {margin:4px 0px 0px 0px;}
a.readon {color:#ff6e20; font-size:11px; font-weight:normal; margin:0px 0px 0px 0px; padding:5px 15px 5px 0px; display:block; text-decoration:underline; background:url(../images/bullet.gif) no-repeat right 10px; display:inline}
a.readon:hover {color:#ff6e20; text-decoration:none}
a.readon:visited {color:#ff6e20;}
.readmore {}
/*______________________ITEMINFO__________________*/
.iteminfo {background:url(../images/iteminfo_gl.gif) repeat-x bottom; padding:0px 0px 6px 0px; margin:0px 0px 15px 0px;}
.modifydate {color:#ff6e20; padding:5px 0px 0px 0px; text-decoration:none !important}
.createdby {color:#696969; font-weight:normal; font-size:11px; display:block; text-transform:none; }
.createdate {color:#ff6e20; margin:0px 0px 0px 0px; text-transform:none; background:url(../images/small.jpg) no-repeat 0 2px; padding:0px 0px 0px 2px;}
.small {color:#d5d5d5; margin:0px 0px 0px 0px; text-transform:none ; padding:4px 0px 2px 2px;}
span.small {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
/*______________________BLOGMORE__________________*/
.blog_more {padding:0px 0px 10px 10px;}
.blog_more h2 {color:#ff6e20; font-size:12px; background:none; padding:0px 0px 0px 0px;}
.blog_more ul {margin:10px 0px 0px 10px;}
.blog_more a {color:#ff6e20; text-decoration:underline}
.blog_more a:hover {color:#ff6e20; text-decoration:none;}
.blog_more strong {color:#ff6e20; }
/*______________________PAGE_NAVIGATION___________*/
.pagenav {color:#ff6e20; font-size:12px; font-weight:normal}
a.pagenav {color:#ff6e20; font-weight:normal}
a.pagenav:hover {color:#ff6e20; text-decoration:none}
.pagination_nav {color:#ff6e20; font-size:12px; padding:0px 20px 0px 27px;}
.pagination_nav div {padding:5px 0px 5px 0px; background:#f4f4f4;}
.pagination {margin-top:10px}
.pagination li {float:left; padding:0px 5px 0px 5px;}
.pagination_result {color:#ff6e20; padding:5px 0px 0px 0px;}
/*______________________RESULT____________________*/
.sectiontableentry0 td {padding:5px 0px 5px 0px; border-bottom:1px solid #000;}
.sectiontableentry1 td {padding:5px 0px 5px 0px; border-bottom:1px solid #000; border-top:1px solid #000; background:#bc5219}
.sectiontableentry2 td {padding:5px 0px 5px 0px;}
.sectiontableentry0,
.sectiontableentry1,
.sectiontableentry2 {}
.sectiontableentry1 a {color:#fff}
.sectiontableentry1 a:hover {color:#fff}
.sectiontableentry1 a:visited {color:#fff}
#page {padding:0px 0px 0px 10px;}
#page ol li {padding:0px 0px 10px 0px;}
.searchintro {padding:0px 0px 10px 0px;}
.searchintro strong {color:#ff6e20}
#page h3 {font-size:130%; color:#75c2ff; padding:10px 0px 5px 0px;}
#page .inputbox {color:#000}
#page .display {padding:10px 0px 0px 0px;}
legend {color:#ff6e20}
/*______________________POLL______________________*/
.pollstableborder {margin:0px 0px 0px 0px;}
.poll thead td {font-size:11px; color:#fff !important; font-weight:bold; padding:10px 0px 4px 0px;}
.pollstableborder td {padding:0px 0px 0px 0px; vertical-align:middle; text-align:left; font-size:12px}
.pollstableborder label {color:#fff; font-size:11px; padding:0px 0px 0px 0px; display:block}
.pollstableborder input {margin:0px 5px 0px 0px;}
.display {padding:0px 0px 10px 0px;}
.display select {border:1px solid #46462f; width:100px;}
.sectiontableentry1 div, .sectiontableentry0 div {font-size:1px}
/*________________________________________SEARCH____________________________________*/
.search_s7 {}
.search_s7 .inputbox_s7 {width:135px; border:1px solid #030303; background:#2a2a2a; margin:0px 4px 5px 0px; padding:2px 0px 2px 5px; vertical-align:top; font:normal 11px Arial; color:#fff; float:left}
* html .inputbox_s7 {height:21px}
.search_s7 .button {width:64px; height:20px}
.module_s7 {padding:16px 0px 0px 0px;}
/*_____________________________RESULT___________________________*/
.search_result h3 {color:#808080; font-size:14px}
.search_result p {padding:10px 0px 0px 0px;}
#search_searchword {border:1px solid #999}
legend {color:#808080}
.phrase {color:#808080; margin:10px 10px 10px 0; padding:10px; width:60%; border:solid 1px #ccc; float:left;}
.phrase .inputbox {background:#fff; color:#808080; display:block; margin-top:10px; width:12em;}
.phrase .inputbox option {background:#fff; border-bottom:solid 1px #333; padding:2px; }
.phrase .inputbox option a:hover {color:#1e3300; background:#C00; border-color:#CFD0D6; }
fieldset.word,fieldset.only { border:solid 1px #ccc;}
.only {border:solid 0; margin:10px 0 0 10px; padding:5px 10px; line-height:1.3em;}
.word {padding:10px 10px 10px 0; border:solid 0 !important;}
.word input {background:#fff; color:#ff6614; font-weight:normal; margin:0 0 0 10px; padding:2px;}
/*_____________________________adminform___________________________*/
.adminform td {padding:0px 0px 2px 0px;}
/*________________________________________BOXES________________________________________________________________*/
.module {margin:0px 0px 11px 0px; width:100%; background:#161616}
.module div {color:#fff; font-size:11px}
.module .button {margin:8px 0px 0px 0px; background:url(../images/button.gif) no-repeat 0 0; width:64px; height:20px; display:inline; color:#fff; font:bold 12px Arial; padding:0px 0px 1px 0px; border:none}
.module label {color:#6e7e81; font-size:12px; font-family:Arial}
.module h3 {background:url(../images/box-title-bg.gif) repeat-x 0 0; padding:14px 10px 14px 24px; color:#149ed5; font:bold 13px Arial; text-transform:uppercase}
.module td, .module p {color:#fff; font-size:11px; padding:0px 0px 5px 0px;}
.module ul {padding:0px 0px 0px 0px;}
.module li {padding:0px 0px 4px 0px;}
.module li a {color:#fff; font-size:11px; font-weight:normal; text-decoration:none; line-height:16px; padding:0px 0px 0px 19px; display:block; background:url(../images/bullet.gif) no-repeat 0 6px}
.module li a:hover {color:#fff; text-decoration:underline}
.module li a:visited {color:#fff}
.module li a em {font-style:normal}
.module label {font-size:11px; color:#fff}
.module a {font-size:11px; color:#ffffff}
.module a:hover {color:#4d595b}
.module .inputbox {background:#fff; border:1px solid #666}
.module .first, .module_s2 .first {background:url(../images/box-top.gif) no-repeat 0 0}
.module .bot, .module_s2 .bot {background:url(../images/box-bot.gif) no-repeat 0 bottom}
.module_menu {margin:0px 0px 11px 0px; width:100%; background:#161616}
.module_menu h3 {background:url(../images/box-title-bg.gif) repeat-x 0 0; padding:14px 10px 14px 24px; color:#149ed5; font:bold 13px Arial; text-transform:uppercase}
.module_menu ul {padding:0px 0px 0px 0px;}
.module_menu li {padding:3px 0px 4px 0px; border-bottom:1px solid #222; background:url(../images/bullet.gif) no-repeat right 9px}
.module_menu li a {color:#fff; font:normal 12px Arial; text-decoration:none; line-height:16px; display:block; }
.module_menu li a:hover {color:#cbcbcb; text-decoration:none}
.module_menu li a:visited {color:#fff}
.module_menu li a em {font-style:normal}
.module_menu ul li ul {padding:0px 0px 0px 10px;}
.module_menu ul li ul li a {text-decoration:none}
.module_menu ul li ul li a:hover {text-decoration:underline}
.module_s4 {background:url(../images/box3-bg.gif) no-repeat 0 0; margin:0px 0px 11px 0px; height:93px}
.module_s4 h3 {background:url(../images/h3-bg4.gif) no-repeat 27px 16px; padding:17px 10px 7px 58px; color:#fff; font:bold 12px Arial; text-transform:uppercase}
.module_s4 div {color:#fff; font-size:11px}
/*________________________________________TOPMENU_____________________________________*/
#topmenu {margin:0px 220px 0px 0px;}
.module_s10 {}
ul.menu-nav {padding:0px 0px 0px 0px;}
ul.menu-nav li {display:block; float:left; margin:0px 0px 0px 0px; background:url(../images/topmenu-separator.gif) no-repeat right 22px}
ul.menu-nav li a {color:#fff; font-weight:bold; font-size:11px; text-decoration:none; display:block; text-align:center; padding:0px 0px 0px 0px; width:auto; float:left; padding:20px 22px 0px 22px; }
* html ul.menu-nav li a {}
ul.menu-nav li a span {display:block;}
ul.menu-nav li a span em {font-style:normal; display:block}
ul.menu-nav li a:hover {color:#fff !important; text-decoration:underline}
ul.menu-nav li a:visited{color:#fff !important}
/*________________________________________LOGINFORM_____________________________________*/
.module_s2 {padding:33px 0px 0px 0px;}
.module_s2 label {color:#fff; font-size:11px; text-transform:lowercase}
.module_s2 p, label.remember {color:#fff; padding:0px 0px 0px 0px; font-size:11px; font-weight:normal}
.module_s2 a {color:#fff !important; font-size:11px; text-decoration:underline; font-weight:normal}
.module_s2 a:hover {color:#fff; text-decoration:none}
.module_s2 form {text-align:left; padding:0px 0px 10px 0px; color:#fff}
.module_s2 .inputbox {border:1px solid #060606; background:#262626; width:135px; height:18px; padding:0px 0px 0px 3px; color:#fff; vertical-align:middle; font-size:11px}
.module_s2 .button {border:none; background:url(../images/login-button.gif) no-repeat 0 0; color:#fff; font-size:11px; font-weight:bold !important; width:42px; height:27px; vertical-align:middle} /* button */
#mod_login_remember {margin:0px 10px 0px 0px; vertical-align:middle; background:none; border:none; float:left; display:block; width:12px} /*checkbox*/
input.requred {border:none !important}
#mod_login_username {}
#mod_login_password {}
.button-logout {width:64px; height:20px; background:url(../images/logout-button.gif); border:none}
/*___________________________________________________________INDEX.PHP_STYLES_________________________________*/
.main {width:939px; position:relative}
#tail {width:40%; background:url(../images/tail.gif) repeat-x 0 0; height:95px; position:absolute; top:0; left:0}
#top {height:95px; overflow:hidden; margin:0px 0px 7px 0px;}
.inputs {height:26px; overflow:hidden; }
.username {width:219px; float:left}
.pass {width:202px; float:left}
.login-button {width:50px; float:left}
.links {padding:0px 0px 0px 50px; color:#fff; font-weight:bold; font-size:11px}
.links span {background:url(../images/login-separator.gif) no-repeat 50% 50%; padding:0px 2px 0px 2px;}
#logo {width:465px; float:left}
#login-form {width:471px; float:left}
#header {overflow:hidden; height:276px; background:url(../images/3martirisquare.jpg) no-repeat right 0}
#mid {height:58px; overflow:hidden; background:url(../images/mid_bg.gif) repeat-x 0 0}
#search {float:right; width:216px}
#right {width:314px; float:right}
#left {width:170px; float:left}
#content {margin:0px 244px 0px 244px; background:#333}
#content2 {margin:0px 0px 0px 244px; background:#333}
* html #content, * html #content2 {width:100%}
.indent {padding:28px 20px 20px 22px;}
#wrapper {margin:0px 0px 0px 0px; overflow:hidden; width:100%}
#footer {padding:0px 0px 0px 0px; height:94px;}
#footer .space {padding:40px 7px 0px 0px; color:#3d3d3d !important; font-weight:normal; font-size:12px; font-family:Arial}
#footer a {color:#3d3d3d; font-size:12px; text-decoration:underline;}
#footer a:hover {text-decoration:none}
#footer em {font-style:normal}
.box_indent {padding:14px 20px 26px 23px;}
#contact_text {width:100%}
/* System Error Messages */
.error {margin:0px 0px 10px 0px;}
.error h2 {font:bold 14px Tahoma; color:#ff0000; padding:0px 0px 5px 20px;}
#system-message dt.error, dt.message { display: none; }
#system-message dd.error { }
.error dd ul {color: #fff; background: #920202 ; border-top: 3px solid #149ED5; border-bottom: 3px solid #149ED5; margin:0; padding:5px 0px 5px 5px;}
.error dd ul li {margin:0px 0px 0px 20px !important; color:#fff !important}
.pad2 {padding:0px 0px 0px 15px !important;}
.title {}
.pass_remind { vertical-align:middle; padding:0px 0px 0px 10px;}
/*---nonNumeric Lists without links---*/
.indent ul {padding:5px 0px 5px 0px;}
.indent ul li{padding:0px 0px 5px 0px; list-style-image:none; list-style:none; background:url(../images/bullet.gif) no-repeat 0 6px; line-height:14px; margin:0px 0px 10px 0px;}
.indent ul li ul{ margin-left:15px;}
.indent ul li ol {margin-left:20px;}
.indent ul li ol li{ list-style-type:decimal;}
/*---Numeric Lists without links---*/
.indent Ol { padding:5px 0px 0px 2px;}
.indent Ol li{ background:none; padding:0px 0px 3px 0px; list-style:decimal; margin-left:20px; line-height:14px;;}
.indent Ol ul li{ margin:0px 0px 0px 0px; list-style-image:none; list-style:none; background:url(../images/bullet.gif) no-repeat 0 6px; line-height:19px;}
.indent Ol li ul li {padding-left:0px; font-weight:normal;}
/*---nonNumeric Lists---*/
.indent ul li{ list-style:none; background:url(../images/bullet.gif) no-repeat 0 6px; line-height:14px; padding:0px 0px 0px 20px;}
.indent ul li a {font-weight:normal; text-decoration:underline;}
.indent ul li a:hover{ text-decoration:none; }
.indent ul li ul{ margin-left:15px;}
.indent ul li ol {margin-left:20px;}
.indent ul li ol li{ list-style-type:decimal; padding:0px 0px 3px 0px;}
.indent ul li ol li a { background:none;}
/*---Numeric Lists---*/
.indent Ol { }
.indent Ol li{ background:none; padding:0px 0px 3px 0px; margin-left:20px; line-height:14px;}
.indent Ol li a { padding-left:0px; font-weight:normal; text-decoration:underline;}
.indent Ol li a:hover{ text-decoration:none; }
.indent Ol li ul{ padding-left:15px; margin:0px; list-style-image:none; list-style:decimal; line-height:14px;}
.indent Ol li ul li {padding:0px 0px 0px 19px; background:url(../images/bullet.gif) no-repeat 0 6px;}
.indent Ol li ul li a { font-weight:normal; text-decoration:underline;}
.indent Ol li ul li a:hover {text-decoration:none;}E del PHP:
<?php
/**
* @copyright Copyright (C) 2005 - 2008 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.
*/
defined('_JEXEC') or die('Restricted access');
$url = clone(JURI::getInstance());
$showLeftColumn = $this->countModules('left');
$showRightColumn = $this->countModules('right');
$path = $this->baseurl.'/templates/'.$this->template;?>
<?php echo '<?xml version="1.0" encoding="utf-8"?'.'>'; ?>
<!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; ?>" dir="<?php echo $this->direction; ?>" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $path ?>/css/template.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $path ?>/css/constant.css" type="text/css" />
</head>
<body>
<div id="tail"></div>
<div class="main">
<div id="top">
<div id="logo">
<a href="index.php"><img src="<?php echo $path ?>/images/eii.jpg" alt="" /></a>
</div>
<div id="login-form">
<jdoc:include type="modules" name="user1" style="rounded" />
</div>
</div>
<div id="header">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="450" height="276" title="logo">
<param name="movie" value="templates/theme167/images/banner.swf" />
<param name="quality" value="high" />
<embed src="templates/theme167/images/banner.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="450" height="276"></embed>
</object>
</div>
<div id="mid">
<div id="search">
<jdoc:include type="modules" name="user2" style="rounded" />
</div>
<div id="topmenu">
<jdoc:include type="modules" name="top" style="rounded" />
</div>
</div>
<div id="wrapper">
<?php if ($showRightColumn) : ?>
<div id="right">
<jdoc:include type="modules" name="right" style="user" />
</div>
<?php endif; ?>
<?php if ($showLeftColumn) : ?>
<div id="left">
<jdoc:include type="modules" name="left" style="user" />
</div>
<?php endif; ?>
<div id="<?php echo $showRightColumn ? 'content' : 'content2'; ?>">
<div class="indent">
<div class="width">
<?php if ($this->getBuffer('message')) : ?>
<div class="error">
<h2>
<?php echo JText::_('Message'); ?>
</h2>
<jdoc:include type="message" />
</div>
<?php endif; ?>
<jdoc:include type="component" />
</div>
</div>
</div>
</div>
</div>
<div id="footer">
<div class="space">
<?php echo JText::_('Estetica In Implantologia 2009') ?>
</div>
</div>
<jdoc:include type="modules" name="debug" />
</body>
</html>Chiaro, non è questione di vita o di morte, ma son convinto che sia facile togliere quella fastidiosa banda nera.
Qualcuno riesce ad aiutarmi?
