Joomla Templates Club 406,261 posts

[rusty1001 Friend rusty1001Join date: May 2007Posts: 73Downloads:0Uploads:0 Thanks: 3 Thanked: 1 times in 1 posts]

#128318

Hi

I Want to make the right column wider and just cant seem to do it in the css,
can anyone help? When I change the column wdths nothing seems to happen,
only main content I have seemed to effecr, I need the right column or mascol to a littel wider as it it cutting off the side of a banner, and it I need make it wider some how but still cut off the banner, so I am not sure which div is actually displaying the info,

thanks
R

/* PRIMARY COLUMN
--------------------------------------------------------- */
#ja-contentwrap {
width: 60%;
float: left;
}

#ja-content {
float: right;
width: 66.6%;
}

#ja-content div.innerpad {
clear: both;
margin: 0;
padding: 1em;
display: block;
height: 400px;
}

html>body #ja-content div.innerpad {
height: auto;
min-height: 400px;
}

/* SECONDARY COLUMNS
--------------------------------------------------------- */
#ja-mascol {
width: 40%;
float: right;
clear: right;
overflow: hidden;
}

#ja-col1 {
float: left;
width: 33.3%;
overflow: hidden;
}

#ja-col1 h3 {
margin: -10px -15px 10px;
padding: 5px 15px;
background: url(../images/h3-bg.gif) repeat-y right #E4E4E4;
}

#ja-col2 {
float: right;
width: 50%;
overflow: hidden;
}

#ja-col1 table, #ja-col2 table, #ja-col3 table {
border-collapse: collapse;
border-spacing: 0;
}

#ja-col1 ul, #ja-col2 ul, #ja-col3 ul {
margin: 0;
padding: 0;
}

#ja-col1 ul li, #ja-col2 ul li, #ja-col3 ul li {
padding-left: 13px;
background: url(../images/bullet-list.gif) no-repeat 2px 8px;
}

#ja-col2 ul li.mostread, #ja-col3 ul li.mostread,
#ja-col2 ul li.latestnews, #ja-col3 ul li.latestnews {
padding: 4px 2px;
border-bottom: 1px solid #E4E4E4;
background: none;
}

#ja-col2 ul li.mostread a, #ja-col3 ul li.mostread a,
#ja-col2 ul li.latestnews a, #ja-col3 ul li.latestnews a {
text-decoration: none;
}

#ja-col2 ul li.mostread a:hover, #ja-col3 ul li.mostread a:hover,
#ja-col2 ul li.latestnews a:hover, #ja-col3 ul li.latestnews a:hover {
text-decoration: underline;
}

#ja-col2 div.moduletable h3,
#ja-col3 div.moduletable h3 {
}

/* 3RD COLUMNS
--------------------------------------------------------- */
#ja-col3 {
float: left;
width: 50%;
overflow: hidden;
}

/* COLLAPSIBLE LAYOUT
--------------------------------------------------------- */
#ja-containerwrap {
}

#ja-container {
background: url(../images/mainwrap-bg1.gif) repeat-y 20% 0;

}

#ja-containerwrap {

}

/* Left + Right */
#ja-containerwrap-lr #ja-contentwrap {
width: 80%;
}

#ja-containerwrap-lr #ja-col1 {
width: 25%;
}

#ja-containerwrap-lr #ja-content {
width: 74.9%;
}

#ja-containerwrap-lr #ja-mascol {
width: 20%;
}

#ja-containerwrap-lr #ja-col2 {
width: 80%;
}

/* Only left */
#ja-containerwrap-lo #ja-contentwrap {
width: 100%;
float: none;
clear: both;
}

#ja-containerwrap-lo #ja-col1 {
width: 20%;
}

#ja-containerwrap-lo #ja-content {
width: 79.9%;
}

/* Only right */
#ja-containerwrap-ro #ja-container {
background: none;
}

#ja-containerwrap-ro #ja-contentwrap {
width: 80%;
}

#ja-containerwrap-ro #ja-content {
width: 100%;
}

#ja-containerwrap-ro #ja-mascol {
width: 20%;
}

#ja-containerwrap-ro #ja-col2 {
width: 100%;
}

/* Left + mascol */
#ja-containerwrap-lm #ja-contentwrap {
width: 80%;
}

#ja-containerwrap-lm #ja-col1 {
width: 25%;
}

#ja-containerwrap-lm #ja-content {
width: 74.9%;
}

#ja-containerwrap-lm #ja-mascol {
width: 20%;
}

#ja-containerwrap-lm #ja-col3 {
width: 100%;
}

/* Only mascol */
#ja-containerwrap-mo #ja-container {
background: none;
}

#ja-containerwrap-mo #ja-contentwrap {
width: 80%;
}

#ja-containerwrap-mo #ja-content {
width: 100%;
}

#ja-containerwrap-mo #ja-mascol {
width: 20%;
}

#ja-containerwrap-mo #ja-col3 {
width: 100%;
}

/* Mascol + Rightcol */
#ja-containerwrap-rm #ja-container {
background: none;
}

#ja-containerwrap-rm #ja-content {
width: 100%;
}

/* Wrapper */
#ja-containerwrap-w #ja-container {
background: none;
}

#ja-containerwrap-w #ja-contentwrap {
width: 100%;
float: none;
clear: both;
}

#ja-containerwrap-w #ja-content {
width: 100%;
}

/* HEADER
--------------------------------------------------------- */
#ja-header {
padding: 0;
border-bottom: 1px solid #CCCCCC;
line-height: normal;
text-align: left;
position: relative;
height: 85px;
z-index: 2;
}

#ja-header h1 {
margin: 0;
padding: 0;
width: 240px;
text-indent: -2000%;
position: absolute;
top: 5px;
left: 10px;
height: 58px;
background: url(../images/logo.jpg) no-repeat;
}

#ja-header h1 a {
width: 240px;
display: block;
background: url(../images/logo.jpg) no-repeat;
height: 60px;
outline: none;
}

#ja-header h1 a:hover,
#ja-header h1 a:active,
#ja-header h1 a:focus {
background: url(../images/) no-repeat;
}

[Menalto Friend MenaltoJoin date: May 2007Posts: 4736Downloads:0Uploads:43 Thanks: 2 Thanked: 531 times in 361 posts]

#250828

Please post your site url?

[Author]

Posts