1 blok ( onzichtbare kolom) verwijderen zodat de ruimte breder wordt, lukt niet

Silvie · Post by **Silvie** » Sun Mar 01, 2009 12:39 pm

Hallo,

Ik ben een site aan het maken voor mijn vriendin.
Ik heb het theme Andreas06 daarvoor gebruikt.
Dit bestaat uit 3 onzichtbare kolommen. De meeste rechtste is waar het nieuws instaat.
Ik heb in het sjabloon de rechterkolom verwijderd.
maar nu heb ik nog niet het gehele stuk , het rechterstuk blijft leeg, dus denk ik dat ik ergens in de stylescheet iets
breder moet zetten.
Ik heb alleen geen idee waar ik dit zoeken moet.

Hier het url van de site: http://www.theaskruiderie.nl/

Hier de stylesheet:

Code: Select all

/* andreas06 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use for any purpose as long as the proper credits are given for the original design work.
Version: 1.1, November 28, 2005 */
/* andreas06 - Ported to CMS Made Simple first by mark and further by reneh
March 17, 2008 */


body{
background:#e0e0e0 url(uploads/Andreas06CMSMS/bodybg.jpg) repeat-x;
color:#505050;
font:100% Maiandra GD,Georgia,Verdana,Tahoma,Arial,sans-serif;
margin:0;
padding:0;
text-align:center;
}

p{
line-height:1.5em;
margin:0 0 15px;
}

a{
color:#ee9d02;
font-weight:700;
text-decoration:none;
}

a:hover{
color:#d04a10;
}

hr{
height:1px;
margin:10px 0;
width:98%;
}

dt{
font-weight:700;
}

dd{
margin:1px 0 12px 15px;
}

#container{
background:#c0c0c0 url(uploads/Andreas06CMSMS/bodybg.jpg) repeat-x;
margin:0 auto;
text-align:left;
width:752px;
}

#sitename{
background:url(uploads/Andreas06CMSMS/leaves.jpg) top center no-repeat;
color:#ecd014;
font-weight:400;
height:80px;
margin:0 20px 10px 0;
text-align:center;
}

#sitename h1{
font-size:2.2em;
margin:0;
padding-top:20px;
}

#sitename h1 a{
color:#647c45;
}

#sitename span{
font-size:1.6em;
letter-spacing:-1px;
margin:0;
}

#nav{
background:url(uploads/Andreas06CMSMS/greypx.gif) bottom left repeat-x;
float:left;
width:752px;
}

#nav ul{
list-style:none;
margin:0;
padding:0;
}

#nav a{
background:url(uploads/Andreas06CMSMS/tabs.gif) no-repeat 100% 0;
color:#647c45;
display:block;
font-size:1.2em;
letter-spacing:-1px;
padding:7px 20px 4px 11px;
text-decoration:none;
}

#nav a:hover{
color:#505050;
}

#nav li{
background:url(uploads/Andreas06CMSMS/tabs.gif) no-repeat 0 0;
float:left;
margin:0 4px 0 0;
padding:0 0 0 9px;
}

#nav #current{
background:url(uploads/Andreas06CMSMS/tabs.gif) no-repeat 0 -41px;
}

#nav #current a{
background:url(uploads/Andreas06CMSMS/tabs.gif) no-repeat 100% -41px;
color:#303030;
padding:7px 20px 5px 11px;
}

#wrap1{
background:#ecd014 url(uploads/Andreas06CMSMS/innerbg.jpg) repeat-y;
border-bottom:1px solid #808080;
border-left:1px solid #808080;
border-right:1px solid #808080;
clear:both;
padding:0;
width:750px;
}

#wrap2{
background:url(uploads/Andreas06CMSMS/header.jpg) top left no-repeat;
padding:10px;
width:730px;
}

#header{
height:30px;
position:relative;
width:730px;
}

#header h1{
float:left;
font-size:1.4em;
margin:0;
width:180px;
}

#topbox{
color:#808080;
margin:0 0 4px;
text-align:right;
}

#topbox a, topbox{
color:#d04a10;
}

#topbox a:hover{
text-decoration:underline;
}

#leftside{
float:left;
margin:-15px 0 0;
width:145px;
}

#leftside h1{
font-size:1.4em;
font-weight:400;
}

#leftside h2{
font-size:1.4em;
font-weight:400;
}

#leftside h3{
font-size:1.2em;
font-weight:400;
}

div#news {
  margin: 2em 0 0em 0em;  /* margin for the entire div surrounding the news list */
  border: 1px solid #808080;
/*  background: #FFE9AF; */
}

div#news h2 {
   line-height: 1.5em;
   background: #fff;
}

.NewsSummary {
    padding: 0.5em 0.5em 0.5em; /* padding for the news article summary */
    margin: 0 0.5em 0.5em 0em; /* margin to the bottom of the news article summary */
    border-bottom: 1px solid #ccc; 
}

.NewsSummaryPostdate {
  font-size: 90%;
  font-weight: bold;
 }

.NewsSummaryLink {
    font-weight: bold;
    padding-top: 0.2em;
}

.NewsSummaryCategory {
  font-style: italic;
  margin: 5px 0;
 }

.NewsSummaryAuthor {
  font-style: italic;
  padding-bottom: 0.5em;
}

.NewsSummarySummary, .NewsSummaryContent {
  line-height: 140%;
 }

.NewsSummaryMorelink {
  padding-top: 0.5em;
}

#NewsPostDetailDate {
  font-size: 90%;
  margin-bottom: 5px;
  font-weight: bold;
  }

#NewsPostDetailSummary {
   line-height: 150%;
   }

#NewsPostDetailCategory {
  font-style: italic;
  border-top: 1px solid #ccc;
  margin-top: 0.5em;
  padding: 0.2em 0;
}

#NewsPostDetailContent {
  margin-bottom: 15px;
  line-height: 150%;
  }

#NewsPostDetailAuthor {

  padding-bottom: 1.5em;
  font-style: italic;
}

#cntnt01searchinput {
width: 140px;
}


#rightside{
float:right;
margin:40px 15px 20px 0;
width:130px;
}

#rightside h1{
font-size:1.4em;
font-weight:400;
margin:0 0 12px;
}

#rightside h2{
font-size:1.4em;
font-weight:400;
margin:0 0 12px;
}

#rightside h3{
font-size:1.2em;
font-weight:400;
margin:0 0 8px;
}

#rightside p{
font-size:0.9em;
margin:2px 0 12px 10px;
}

#rightside img{
border:0px solid #d773cb;
margin:10px 0 5px 5px;
padding:2px;
}

#content{
margin:45px 160px 0 180px;
}

#contentalt{
margin:45px 15px 0 180px;
}

#content p,#contentalt p{
margin:8px 0 0 10px;
}

#content h1,#contentalt h1{
color:#ffff00;
font-size:2em;
font-weight:400;
margin:15px 0 10px;
padding:0;
}

#content h2,#contentalt h2{
color:#29610b;
font-size:2em;
font-weight:400;
margin:15px 0 10px;
padding:0;
}

#content h3,#contentalt h3{
color:#29610b;
font-size:1.5em;
font-weight:400;
margin:20px 0 10px;
padding:0;
}

#content h4,#contentalt h4{
color:#29610b;
font-size:1.2em;
font-weight:400;
margin:15px 0 5px;
padding:0;
}

#content img,#contentalt img{
border:0px solid #d773cb;
float:left;
margin:5px 15px 6px;
}

div#flat{clear:both;width:100%;height:38px;margin:10px 0 0;padding:0px;}
div.left49 {float:left;width: 75%;}
div.right49 {float:right;width: 15%;text-align: right;}
div.left49 p{margin:0px 20px; padding:0px}
div.right49 p{margin:0; padding:0px}

#footer{
clear:both;
color:#ecd014;
font-size:0.9em;
height:26px;
margin-top:20px;
padding:1px;
text-align:right;
width:730px;
}

#footer a{
color:#ecd014;
font-weight:400;
}

#footer a:hover{
color:#ecd014;
text-decoration:underline;
}

.menublock{
margin-bottom:10px;
}

#leftside ul { 
list-style: none; 
margin: 0px 0px10px; 
padding: 0px; 
}

#leftside li  {
display:block;
margin:0px;
padding:0px
}

ul#menuvert{
list-style:none;
margin:0px;
padding:0px
}

.menu_vert a{
color:#ecd014;
display:block;
font-size:1.1em;
font-weight:700;
margin-bottom:1px;
padding:2px 2px 2px 2px;
position:relative;
text-decoration:none;
width:125px;
}

.menu_vert li a.current{
color:#ffff00;
}

.menu_vert a:hover, .menu_vert li a.current:hover{
border:1px solid #ffff00;
color:#505050;
padding:1px 1px 1px 1px;
}

.nav{
color:#ee9202;
display:block;
font-size:1.1em;
font-weight:700;
margin-bottom:1px;
padding:2px 2px 2px 10px;
position:relative;
text-decoration:none;
width:125px;
}

.nav:hover{
border:1px solid #ff6f43;
color:#505050;
padding:1px 1px 1px 9px;
}

.sub{
font-size:0.9em;
margin-left:20px;
padding:1px 1px 1px 6px;
width:105px;
}

.sub:hover{
border:1px solid #ff6f43;
color:#505050;
padding:0 0 0 5px;
}

.intro{
font-weight:700;
}

.active{
border:1px solid #ff6f43;
padding:1px 1px 1px 9px;
}

.box{
background:#f8f8f8 url(uploads/Leaves/boxbg.gif) top left repeat-y;
border:1px solid #d0d4d4;
color:#505050;
margin:15px auto;
padding:10px 10px 10px 20px;
width:75%;
}

.photo{
margin:5px auto 15px;
padding:5px;
}

.smallcaps{
font-variant:small-caps;
}

.mini{
color:#a0a0a0;
font-size:0.75em;
font-weight:400;
line-height:1.2em;
margin:20px 0 10px 8px;
}

.small{
font-size:0.85em;
}

.large{
font-size:1.4em;
}

.soft{
color:#808080;
}

.normal{
font-weight:400;
}

.sharp{
color:#101010;
}

.center{
text-align:center;
}

.hide{
display:none;
}/* andreas06 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use for any purpose as long as the proper credits are given for the original design work.
Version: 1.1, November 28, 2005 */
/* andreas06 - Ported to CMS Made Simple first by mark and further by reneh
March 17, 2008 */


body{
background:#ecd014 url(uploads/Andreas06CMSMS/bodybg.jpg) repeat-x;
color:#ffff00;
font:76% Georgia,Verdana,Tahoma,Arial,sans-serif;
margin:0;
padding:0;
text-align:center;
}

p{
line-height:1.5em;
margin:0 0 15px;
}

a{
color:#98aa1c;
font-weight:700;
text-decoration:none;
}

a:hover{
color:#799923;
}

hr{
height:1px;
margin:10px 0;
width:98%;
}

dt{
font-weight:700;
}

dd{
margin:1px 0 12px 15px;
}

#container{
background:#c0c0c0 url(uploads/Andreas06CMSMS/bodybg.jpg) repeat-x;
margin:0 auto;
text-align:left;
width:752px;
}

#sitename{
background:url(uploads/Andreas06CMSMS/leaves.jpg) top center no-repeat;
color:#ffffff;
font-weight:400;
height:80px;
margin:0 20px 10px 0;
text-align:center;
}

#sitename h1{
font-size:2.2em;
margin:0;
padding-top:20px;
}

#sitename h1 a{
color:#647c45;
}

#sitename span{
font-size:1.6em;
letter-spacing:-1px;
margin:0;
}

#nav{
background:url(uploads/Andreas06CMSMS/greypx.gif) bottom left repeat-x;
float:left;
width:752px;
}

#nav ul{
list-style:none;
margin:0;
padding:0;
}

#nav a{
background:url(uploads/Andreas06CMSMS/tabs.gif) no-repeat 100% 0;
color:#808080;
display:block;
font-size:1.2em;
letter-spacing:-1px;
padding:7px 20px 4px 11px;
text-decoration:none;
}

#nav a:hover{
color:#505050;
}

#nav li{
background:url(uploads/Andreas06CMSMS/tabs.gif) no-repeat 0 0;
float:left;
margin:0 4px 0 0;
padding:0 0 0 9px;
}

#nav #current{
background:url(uploads/Andreas06CMSMS/tabs.gif) no-repeat 0 -41px;
}

#nav #current a{
background:url(uploads/Andreas06CMSMS/tabs.gif) no-repeat 100% -41px;
color:#303030;
padding:7px 20px 5px 11px;
}

#wrap1{
background:#ffffff url(uploads/Andreas06CMSMS/innerbg.jpg) repeat-y;
border-bottom:1px solid #808080;
border-left:1px solid #808080;
border-right:1px solid #808080;
clear:both;
padding:0;
width:750px;
}

#wrap2{
background:url(uploads/Andreas06CMSMS/header.jpg) top left no-repeat;
padding:10px;
width:730px;
}

#header{
height:30px;
position:relative;
width:730px;
}

#header h1{
float:left;
font-size:1.4em;
margin:0;
width:180px;
}

#topbox{
color:#808080;
margin:0 0 4px;
text-align:right;
}

#topbox a, topbox{
color:#d04a10;
}

#topbox a:hover{
text-decoration:underline;
}

#leftside{
float:left;
margin:-15px 0 0;
width:145px;
}

#leftside h1{
font-size:1.4em;
font-weight:400;
}

#leftside h2{
font-size:1.4em;
font-weight:400;
}

#leftside h3{
font-size:1.2em;
font-weight:400;
}

div#news {
  margin: 2em 0 0em 0em;  /* margin for the entire div surrounding the news list */
  border: 1px solid #808080;
/*  background: #FFE9AF; */
}

div#news h2 {
   line-height: 1.5em;
   background: #fff;
}

.NewsSummary {
    padding: 0.5em 0.5em 0.5em; /* padding for the news article summary */
    margin: 0 0.5em 0.5em 0em; /* margin to the bottom of the news article summary */
    border-bottom: 1px solid #ccc; 
}

.NewsSummaryPostdate {
  font-size: 90%;
  font-weight: bold;
 }

.NewsSummaryLink {
    font-weight: bold;
    padding-top: 0.2em;
}

.NewsSummaryCategory {
  font-style: italic;
  margin: 5px 0;
 }

.NewsSummaryAuthor {
  font-style: italic;
  padding-bottom: 0.5em;
}

.NewsSummarySummary, .NewsSummaryContent {
  line-height: 140%;
 }

.NewsSummaryMorelink {
  padding-top: 0.5em;
}

#NewsPostDetailDate {
  font-size: 90%;
  margin-bottom: 5px;
  font-weight: bold;
  }

#NewsPostDetailSummary {
   line-height: 150%;
   }

#NewsPostDetailCategory {
  font-style: italic;
  border-top: 1px solid #ccc;
  margin-top: 0.5em;
  padding: 0.2em 0;
}

#NewsPostDetailContent {
  margin-bottom: 15px;
  line-height: 150%;
  }

#NewsPostDetailAuthor {

  padding-bottom: 1.5em;
  font-style: italic;
}

#cntnt01searchinput {
width: 140px;
}


#rightside{
float:right;
margin:40px 15px 20px 0;
width:130px;
}

#rightside h1{
font-size:1.4em;
font-weight:400;
margin:0 0 12px;
}

#rightside h2{
font-size:1.4em;
font-weight:400;
margin:0 0 12px;
}

#rightside h3{
font-size:1.2em;
font-weight:400;
margin:0 0 8px;
}

#rightside p{
font-size:0.9em;
margin:2px 0 12px 10px;
}

#rightside img{
border:0px solid #ff6f43;
margin:10px 0 5px 5px;
padding:2px;
}

#content{
margin:45px 160px 0 180px;
}

#contentalt{
margin:45px 15px 0 180px;
}

#content p,#contentalt p{
margin:8px 0 0 10px;
}

#content h1,#contentalt h1{
color:#29610b;
font-size:2em;
font-weight:400;
margin:15px 0 10px;
padding:0;
}

#content h2,#contentalt h2{
color:#29610b;
font-size:2em;
font-weight:400;
margin:15px 0 10px;
padding:0;
}

#content h3,#contentalt h3{
color:#29610b;
font-size:1.5em;
font-weight:400;
margin:20px 0 10px;
padding:0;
}

#content h4,#contentalt h4{
color:#29610b;
font-size:1.2em;
font-weight:400;
margin:15px 0 5px;
padding:0;
}

#content img,#contentalt img{
border:0px solid #d773cb;
float:left;
margin:5px 15px 6px;
}

div#flat{clear:both;width:100%;height:38px;margin:10px 0 0;padding:0px;}
div.left49 {float:left;width: 75%;}
div.right49 {float:right;width: 15%;text-align: right;}
div.left49 p{margin:0px 20px; padding:0px}
div.right49 p{margin:0; padding:0px}

#footer{
clear:both;
color:#ffff00;
font-size:0.9em;
height:26px;
margin-top:20px;
padding:1px;
text-align:right;
width:730px;
}

#footer a{
color:#ffff00;
font-weight:400;
}

#footer a:hover{
color:#ffff00;
text-decoration:underline;
}

.menublock{
margin-bottom:10px;
}

#leftside ul { 
list-style: none; 
margin: 0px 0px10px; 
padding: 0px; 
}

#leftside li  {
display:block;
margin:0px;
padding:0px
}

ul#menuvert{
list-style:none;
margin:0px;
padding:0px
}

.menu_vert a{
color:#ff4d0f;
display:block;
font-size:1.1em;
font-weight:700;
margin-bottom:1px;
padding:2px 2px 2px 2px;
position:relative;
text-decoration:none;
width:125px;
}

.menu_vert li a.current{
color:#ff6f43;
}

.menu_vert a:hover, .menu_vert li a.current:hover{
border:1px solid #ffff00;
color:#505050;
padding:1px 1px 1px 1px;
}

.nav{
color:#ff4d0f;
display:block;
font-size:1.1em;
font-weight:700;
margin-bottom:1px;
padding:2px 2px 2px 10px;
position:relative;
text-decoration:none;
width:125px;
}

.nav:hover{
border:1px solid #ffff00;
color:#505050;
padding:1px 1px 1px 9px;
}

.sub{
font-size:0.9em;
margin-left:20px;
padding:1px 1px 1px 6px;
width:105px;
}

.sub:hover{
border:1px solid #ffff00;
color:#505050;
padding:0 0 0 5px;
}

.intro{
font-weight:700;
}

.active{
border:1px solid #ffff00;
padding:1px 1px 1px 9px;
}

.box{
background:#f8f8f8 url(uploads/Leaves/boxbg.gif) top left repeat-y;
border:1px solid #d0d4d4;
color:#505050;
margin:15px auto;
padding:10px 10px 10px 20px;
width:75%;
}

.photo{
margin:5px auto 15px;
padding:5px;
}

.smallcaps{
font-variant:small-caps;
}

.mini{
color:#a0a0a0;
font-size:0.75em;
font-weight:400;
line-height:1.2em;
margin:20px 0 10px 8px;
}

.small{
font-size:0.85em;
}

.large{
font-size:1.4em;
}

.soft{
color:#808080;
}

.normal{
font-weight:400;
}

.sharp{
color:#101010;
}

.center{
text-align:center;
}

.hide{
display:none;
}

RonnyK · Post by **RonnyK** » Sun Mar 01, 2009 12:48 pm

Als je de rightside niet wil gebruiken, dan kun je de verwijzingen daarnaar in de stylesheet verwijderen.

Belangrijkste is echter om de....

#content{
margin:45px 160px 0 180px;
}

aan te passen, daar reserveer je nu 160px voor de rechterkant, en 180px voor de linkerkant. Dus als je de rightside uit de template hebt verwijdert, dan dien je i.i.g. de #content weer de gereserveerde ruimte te laten pakken. Alles m.b.t. de rightside kun je uit de stylesheet halen, maar deze zit je niet in de weg, zolang je geen aanroep naar de rightside meer hebt.

Ronny

Silvie · Post by **Silvie** » Sun Mar 01, 2009 6:24 pm

Er waren 2 gedeelten met content ik zat eerst bij de eerste de margin aan te passen. Er gebeurde niks.
Toen meer naar onderen, en ja dat was het!
De 160px veranderd in 16 en nu heb ik ruimte.
Alleen krijg ik het logoplaatje niet in het midden.
Maar de tekst is iig al een stuk beter zo.
Thanks!

CMS Made Simple Forums

1 blok ( onzichtbare kolom) verwijderen zodat de ruimte breder wordt, lukt niet

1 blok ( onzichtbare kolom) verwijderen zodat de ruimte breder wordt, lukt niet

Re: 1 blok ( onzichtbare kolom) verwijderen zodat de ruimte breder wordt, lukt niet

Re: 1 blok ( onzichtbare kolom) verwijderen zodat de ruimte breder wordt, lukt niet