Generar scroll en el centro de la página joomla
 

Hola compañer@s

Cómo puedo hacer para generar scroll en el centro de la página, dónde va el contenido?

es que me están pidiendo que genere scroll para una web, intenté hacerlo con un iframe pero me sale un error, alguien me puede ayudar?:aplauso:

Respuesta: Generar scroll en el centro de la página joomla
 

En tu CSS define una altura fija para la capa y colocas overflow: auto;

Respuesta: Generar scroll en el centro de la página joomla
 

Hola metacortex

Que pena amigo, no se mucho de CSS, me puedes decir en qué parte del código puedo poner el overflow: auto; ???


/**
* AkoBluePortal - A Mambo 4.5.1 template
* @version 2.0
* @package AkoBluePortal
* @copyright (C) 2003, 2004 by Arthur Konze - All rights reserved!
* @license http://www.konze.de/content/view/8/26/ Copyrighted Commercial Software
*/

/* ###################### OVERALL SETTINGS ###################### color natural del background #dcdcdc; */
BODY {
background-color : #ffffff;
color : #000000;
}

td, tr, p, div {
font : 11px Verdana, Arial, Helvetica, sans-serif;
color : #000000;
}

ul {
margin : 0px 0px 0px 10px;
}

li {
list-style : inside url("../images/arrow.gif") 2px;
list-style-image : url("../images/arrow.gif");
}

hr {
height : 1px;
width : 100%;
color : #D0D0D0;
}

.poll {
font : 9px Arial, Helvetica, Verdana, sans-serif;
color : #666666;
line-height : 14px
}

/* ###################### UPPER BUTTON BAR ###################### */
a.buttonbar:link, a.buttonbar:visited {
font : bold 10px Verdana, Arial, Helvetica, sans-serif;
color : #000000;
text-transform : uppercase;
text-decoration : none;
}

a.buttonbar:hover {
color : #000099;
text-decoration : none;
}

/* ############## PATHWAY AND BOTTOM BUTTON BAR ############## */
.pathway {
font : 11px Verdana, Arial, Helvetica, sans-serif;
color : #999999;
}
a.pathway:link, a.pathway:visited {
color : #285078;
font-weight : normal;
}

a.pathway:hover {
color : #CC6600;
font-weight : normal;
}

/* ################### MODULE SETTINGS ################### */
.modules {
background : #F0F0F0;
}

table.moduletable {
margin : 0px 0px 0px 0px;
width : 100%;
margin-bottom : 5px;
}

table.moduletable th {
font-size : 11px;
font-weight : bold;
width : 100%;
color : #000000;
text-align : center;
border-bottom : 1px solid #cccccc;
}

table.moduletable td {
font-size : 11px;
font-weight : normal;
}

/* ################### MAIN AND SUB MENU SYSTEM ################### */
.mainlevel {
letter-spacing : 1px;
width : 100%;
}

a.mainlevel:link, a.mainlevel:visited {
color : #285078;
}

a.mainlevel:hover {
color : #CC6600;
}

.sublevel {
letter-spacing : 2px;
padding-left : 7px;
}

/* ###################### SECTION LISTING SETTINGS ###################### */
.sectiontableheader {
background : url("../images/logo_bar_back.gif");
color : #FFFFFF;
font-weight : bold;
}

.sectiontableentry1 {
background-color : #F0F0F0;
}

.sectiontableentry2 {
background-color : #E0E0E0;
}

/* ###################### SMALL FONT SETTINGS ###################### */
.small {
font : 9px Verdana, Arial, Helvetica, sans-serif;
color : #990000;
text-decoration : none;
font-weight : medium;
}

.smalldark {
font : 9px Verdana, Arial, Helvetica, sans-serif;
color : #000000;
font-weight : normal;
}

/* ###################### CONTENT PAGE SETTINGS ###################### */
.contentpane {
background : #FFFFFF;
}

.contentpaneopen {
background : #FFFFFF;
}

.contentheading {
font : bold 11px Verdana, Arial, Helvetica, sans-serif;
color : #004080;
text-align : left
}

.componentheading {
font : bold 13px Verdana, Arial, Helvetica, sans-serif;
color : #004080;
}

.createdate {
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
color : #999999;
text-align : left;
}

/* ###################### FORMULAR SETTINGS ###################### */
.button {
font : bold 10px Verdana, Arial, Helvetica, sans-serif;
color : #000000;
background-color : #C0C0C0;
border : 1px solid #000000;
text-transform : uppercase;
background : url(../images/but_bar_back.gif);
}

.inputbox {
font : 10px Verdana, Arial, Helvetica, sans-serif;
color : #000000;
background-color : #A4AEBA;
border : 1px solid #000000;
}

/* ###################### LINKS ###################### */
a:link, a:visited {
font : 11px Verdana, Arial, Helvetica, sans-serif;
color : #406080;
text-decoration : none;
}

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

a:active {
color : #CC0000;
background-color : #F0E0A0;
text-decoration : underline;
}

a.category:link, a.category:visited {
color : #285078;
font-weight : bold;
letter-spacing : 1px;
}

a.category:hover {
color : #CC6600;
}