Hola me gustaria que me ayudaran hacer una pequeña modificacion en mi plantilla joomla.
Resulta que quiero que la columna izquierda sea un poco mas ancha que la derecha, pero claro si modifico la izquierda luego la derecha no se me va abajo ,
No se si me explico.
Yo tengo modulos a la izquierda y a la derecha los de la izquierda se me quedan encima del texto a la izquierda, los modulos de la derecha se me van abajo a la derecha.
COmo puedo hacer esa modificacion sin que se trastoque tanto la pagina?
Os pongo el css template.
Código PHP:
html {
height: 100%;
margin-bottom: 0px;
}
form {
margin: 0;
padding: 0;
}
img,table {
border:none;
}
body {
font-family: Helvetica,Arial,sans-serif;
line-height: 1.3em;
margin: 0px 0px 0px 0px;
font-size: 12px;
color: #333;
}
a:link, a:visited {
text-decoration: none;
font-weight: normal;
}
a:hover {
text-decoration: underline;
font-weight: normal;
}
input.button {
cursor: pointer;
background:none;
}
p {
margin-top: 0;
margin-bottom: 5px;
}
/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/
#page_bg {
padding: 0;
margin-bottom: 1px;
}
div.center {
text-align: center;
}
div#wrapper {
margin-left: auto;
margin-right: auto;
}
body.width_medium div#wrapper {
width: 950px;
}
body.width_small div#wrapper {
width: 773px;
}
body.width_fmax div#wrapper {
min-width: 750px;
max-width: 1050px;
}
div#header_r {
padding:0px 25px;
text-align: left;
}
#logo {
padding: 0px;
text-align: left;
height:85px;
}
#logo a, #logo a:link, #logo a:hover {
font-weight: bold;
font-family: Helvetica,Arial,sans-serif;
font-size: 4em;
padding:0;
margin:0;
line-height:1.4em;
color:#fefefe;
text-decoration:none;
}
div#newsflash {
width: auto;
margin-left: 350px;
margin-right: 30px;
border: 1px solid #00f;
}
div#tabarea {
background: url(../images/top_menu_bg.jpg) top left repeat-x;
margin: 0 6px;
}
div#footer_r {
padding-top: 10px;
height: 47px;
overflow: hidden;
}
div#footer_r div {
text-align: center;
font-size: .90em;
color: #aaa;
}
div#footer_r a:link, div#footer_r a:visited {
color: #999;
}
#pathway {
padding: 0px 10px 8px;
width: auto;
margin-right: 250px;
text-align: left;
}
#search {
float: right;
width:320px;
margin-top: -20px;
margin-right: 20px;
height: 40px;
overflow: hidden;
text-align:right;
}
#area {
padding: 0;
width:100%;
}
#whitebox {
margin: 0;
width: auto;
}
#whitebox div {
text-align: left;
}
#whitebox_t {
background: #ebebeb url(../images/header_top_middle.jpg) 0 0 repeat-x;
}
#whitebox_tl {
background: url(../images/header_top_left.jpg) 0 0 no-repeat;
}
#whitebox_tr {
height: 16px;
overflow: hidden;
background: url(../images/header_top_right.jpg) 100% 0 no-repeat;
}
#whitebox_m {
width: auto;
padding: 10px 10px;
margin:0 6px;
background: url(../images/left_bg.jpg) 100% 100% repeat;
}
#whitebox_br {
height: 13px;
background: url(../images/mw_content_b_r.png) 100% 100% no-repeat;
}
/* horizontal pill menu */
table.pill {
margin-left: auto;
margin-right: auto;
padding: 0;
}
td.pill_m {
padding: 0;
margin: 0;
width: auto;
}
td.pill_l {
width: 2px;
height: 28px;
background: url(../images/top_menu_separator.jpg) top right no-repeat;
}
#pillmenu {
white-space: nowrap;
height: 28px;
float: left;
}
#pillmenu ul {
margin: 0;
padding: 0;
list-style:none;
}
#pillmenu li {
float: left;
margin: 0;
padding: 0;
background: url(../images/top_menu_separator.jpg) top right no-repeat;
}
#pillmenu a {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
float:left;
display:block;
height: 22px;
line-height: 24px;
padding: 3px 20px;
color: #fefefe;
text-decoration: none;
}
#pillmenu a:hover {
color: #96abbe;
}
#pillmenu a#active_menu-nav {
height: 28px;
line-height: 21px;
}
#leftcolumn ,#rightcolumn {
margin: 0;
width: 16%;
float:left;