![[phpbb3] Al reduzir el ancho del foro,los foros se pasan de los bordes 2V2SM5G](https://2img.net/h/i.imgur.com/2V2SM5G.png)
1![[phpbb3] Al reduzir el ancho del foro,los foros se pasan de los bordes Empty](https://2img.net/i/empty.gif)
[phpbb3] Al reduzir el ancho del foro,los foros se pasan de los bordes Dom Ago 05, 2012 8:09 pm
Stilezz
Mensajes : 122 
Monedas : 149 Hola,Antes he pedido un codigo para reduzir el ancho del foro es ese:
Como veran lo he puesto pero cuando lo pongo el ancho de la pagina se reduce pero el ancho de los foros no y eso causa que se salgan de los bordes,dejo una imagen para uqe lo vean mejor:
Lo que esta marcado en azul es lo que se sale,yo creo que en mi css deba de haber alguna funcion que lo hace porque hay muchos codigos,lo he buscado cambiando codigos...pero ningun reduce la anchura.
Les dejo aqui mi css por si alguien me puede decir cual es el numero-codigo que debo cambiar para que se vea bien
Gracias![[phpbb3] Al reduzir el ancho del foro,los foros se pasan de los bordes 364988687](https://2img.net/u/2713/25/78/83/smiles/364988687.png)
- Código:
#wrap { width: 80%; }
Como veran lo he puesto pero cuando lo pongo el ancho de la pagina se reduce pero el ancho de los foros no y eso causa que se salgan de los bordes,dejo una imagen para uqe lo vean mejor:
- Spoiler:
![[phpbb3] Al reduzir el ancho del foro,los foros se pasan de los bordes Salido10](https://i.servimg.com/u/f30/17/70/31/92/salido10.png)
Lo que esta marcado en azul es lo que se sale,yo creo que en mi css deba de haber alguna funcion que lo hace porque hay muchos codigos,lo he buscado cambiando codigos...pero ningun reduce la anchura.
Les dejo aqui mi css por si alguien me puede decir cual es el numero-codigo que debo cambiar para que se vea bien
- Spoiler:
- /*-------------------Navbar-------------------*/
#page-header .navbar {
position: relative;
top: 40px;
background: none;
}
#page-header .navbar{position:absolute;top: -73px;padding-left: 300px;
width:805px;background:url() repeat-x ;height:20px;background-position: top left;
}
#i_icon_mini_index {
background-image: url('https://i.imgur.com/slFt2.png');
width: 84px;
height: 37px;right: 5em;
}
#i_icon_mini_index:hover {
background-image: url('https://i.imgur.com/IYBgP.png');
width: 84px;
height: 37px;right: 5em;
}
#i_icon_mini_portal {
background-image: url('https://i.imgur.com/m2V9e.png');
width: 80px;
height: 37px;
}
#i_icon_mini_portal:hover {
background-image: url('https://i.imgur.com/XplJJ.png');
width: 80px;
height: 37px;
}
#i_icon_mini_faq {
background-image: url('https://i.imgur.com/4vr6r.png');
width: 82px;
height: 37px;
}
#i_icon_mini_faq:hover {
background-image: url('https://i.imgur.com/z7JXs.png');
width: 82px;
height: 37px;
}
#i_icon_mini_search {
background-image: url('https://i.imgur.com/YVASi.png');
width: 84px;
height: 37px;
}
#i_icon_mini_search:hover {
background-image: url('https://i.imgur.com/Pii1h.png');
width: 84px;
height: 37px;
}
#i_icon_mini_members {
background-image: url('https://i.imgur.com/CDBaV.png');
width: 67px;
height: 19px;position:absolute;top: 49px;margin-right: 380px;right: 31em;
}
#i_icon_mini_members:hover {
background-image: url('https://i.imgur.com/DiquR.png');
width: 67px;
height: 19px;position:absolute;top: 49px;margin-right: 380px;right: 31em;
}
#i_icon_mini_groups {
background-image: url('https://i.imgur.com/c9t25.png');
width: 56px;
height: 19px;position:absolute;top: 49px;margin-right: 310px;right: 31em;
}
#i_icon_mini_groups:hover {
background-image: url('https://i.imgur.com/g9z43.png');
width: 56px;
height: 19px;position:absolute;top: 49px;margin-right: 310px;right: 31em;
}
#i_icon_mini_profile {
background-image: url('https://i.imgur.com/HIx5q.png');
width: 59px;
height: 19px;position:absolute;top: 49px;margin-right: 235px;right: 31em;
}
#i_icon_mini_profile:hover {
background-image: url('https://i.imgur.com/O9STv.png');
width: 59px;
height: 19px;position:absolute;top: 49px;margin-right: 235px;right: 31em;
}
#i_icon_mini_message {
background-image: url('https://i.imgur.com/ypJ2R.png');
width: 128px;
height: 19px;position:absolute;top: 49px;margin-right: 92px;right: 31em;
}
#i_icon_mini_message:hover {
background-image: url('https://i.imgur.com/sj7q6.png');
width: 128px;
height: 19px;position:absolute;top: 49px;margin-right: 92px;right: 31em;
}
#i_icon_mini_new_message {
background-image: url('https://i.imgur.com/A9ojc.png');
width: 128px;
height: 19px;position:absolute;top: 49px;margin-right: 100px;right: 31em;
}
#i_icon_mini_new_message:hover {
background-image: url('https://i.imgur.com/425t1.png');
width: 128px;
height: 19px;position:absolute;top: 49px;margin-right: 100px;right: 31em;
}
#i_icon_mini_logout {
background-image: url('https://i.imgur.com/Qq95p.png');
width: 93px;
height: 19px;position:absolute;top: 49px;margin-right: 105px;right: 21em;
}
#i_icon_mini_logout:hover {
background-image: url('https://i.imgur.com/N6ZwY.png');
width: 93px;
height: 19px;position:absolute;top: 49px;margin-right: 105px;right: 21em;
}
#i_icon_mini_login {
background-image: url('https://i.imgur.com/TBm9k.png');
width: 77px;
height: 19px;position:absolute;top: 49px;margin-right: 125px;right: 31em;
}
#i_icon_mini_login:hover {
background-image: url('https://i.imgur.com/xaY3i.png');
width: 77px;
height: 19px;position:absolute;top: 49px;margin-right: 125px;right: 31em;
}
#i_icon_mini_register {
background-image: url('https://i.imgur.com/cmCAz.png');
width: 77px;
height: 19px;position:absolute;top: 49px;margin-right: 218px;right: 31em;
}
#i_icon_mini_register:hover {
background-image: url('https://i.imgur.com/p7yP3.png');
width: 77px;
height: 19px;position:absolute;top: 49px;margin-right: 218px;right: 31em;
}
/* Panel - Forum General */
.panel { border: 1px solid #c4c0b5; border: 1px solid #c4c0b5;-moz-border-radius: 5px;-webkit-border-radius: 5px; background-image: url(''); background-repeat: repeat-x; background-position: bottom; background-color: #f8f7f4; }
.row {background-image: url('https://i.imgur.com/OXFDZ.png');background-repeat: repeat-x;background-position: bottom;background-color: #f8f7f4; position: relative; left: -5px; width: 1198px; min-width: 750px;}
.forabg { border: 1px solid #a5a5a5; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #e3e3e3; } p em b a.gensmall { font-style: normal;} p em { font-style: normal;}
.forabg {
background: #fFF url("https://i.servimg.com/u/f60/17/70/31/92/barra_10.png");
background-position: 0 0;
background-repeat: repeat-x;
border: 1px solid #c4c0b5;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
background-color: #e3e3e3;}
p em b a.gensmall { font-style: normal;}
p em { font-style: normal;
clear: both;
margin-bottom: 4px;
padding: 0 5px;
}
.forabg span.corners-bottom span { background: url('https://i.imgur.com/3yU2l.png');height: 6px; margin-top: 0px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;
}
.header{ padding-top: 1px; height: 50px; }
/* FORUM & PORTAL */
.forumbg { border: 1px solid #c4c0b5; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #ffffff; } p em b a.gensmall { font-style: normal;} p em { font-style: normal;}
.forumbg span.corners-bottom span {
background-image: url("https://i.imgur.com/VrABK.png");
background-position: top;
}
.post span.corners-bottom{ background: url(https://i.imgur.com/VrABK.png);height: 6px; margin-top: 15px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
.post { background-color: #ffffff; border-top-style: solid; border-top-color: #c4c0b5; border-top-width: 1px; border-bottom-style: solid; border-bottom-color: #c4c0b5; border-bottom-width: 1px; border-left: 1px #c4c0b5 solid; border-right: 1px #c4c0b5 solid; margin-bottom: 15px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.post span.corners-top{ background: url(https://i.imgur.com/jl87b.png);height: 38px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.module { background-color: #FFFFFF; border-top-style: solid; border-top-color: #c4c0b5; border-top-width: 1px; border-bottom-style: solid; border-bottom-color: #c4c0b5; border-bottom-width: 1px; border-left: 1px #c4c0b5 solid; border-right: 1px #c4c0b5 solid; margin-bottom: 15px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.module span.corners-top{ background: url(https://i.imgur.com/jl87b.png);height: 34px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.module span.corners-bottom{ background: url('https://i.imgur.com/VrABK.png');height: 6px; margin-top: 6px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
.topics {
text-shadow: 0 px 0 #fff;
font-weight: bold;
}
.posts {
text-shadow: 0 px 0 #fff;
font-weight: bold;
}
.lastpost {
text-shadow: 0 px 0 #fff;
font-weight: bold;
}
hr {
border: 1 none #cccccc;
border-top: 1px solid #cccccc;
height: 1px;
margin: 5px 0;
display: block;
clear: both;
}
/* Body - Ancho - Logo - Descripcion */
body#phpbb{
background:#e7e4dc url(https://i.servimg.com/u/f30/17/70/31/92/header10.png);
background-repeat: no-repeat;background-position: top center;
margin-top: 175px;
}
.select{
margin-top:-190px!important;
}
#wrap { background:# url() no-repeat top center; margin-bottom: 55px; margin-top: -100px; width: 1200px; min-width: 850px;}
#logo{
display: inline;
float: left;
position: relative;
top: -72px;
left: -45px;}
#logo-desc p {
display: inline;
float: left;
position: relative;
top: -95px;
left: -300px;
font: Calibri, Tahoma, Verdana, Geneva, sans-serif;
font-size: 11px;
color: #A1A09A;
margin: 0;
padding: 0;
}
/*-------------------Search-------------------*/
#search-box {position: relative;
bottom: 43px;
width: 235px;
background: url(https://i.imgur.com/8rJE8.png) no-repeat;
height: 80px;
left: 80px;
display: inline;}
#search-box #keywords {
width: 110px;
background: transparent;
color: #3a3a3a;margin-left: 15px;
font-family: Verdana;margin-top:5px;
font-style: normal;
font-size: 12px;}
#search-box input {
border: none !important;
background: none;}
#search-box input.search {
background: none;
margin-left: 0px;
margin-top: 0;}
#search-box input.button2 {visibility: hidden;
}
#search_menu {
background: #ffffff;
font-size: 11px !important;
position: relative;
width: 350px;
top: 60px!important;
left: 300px!important;
}
/*-------------------------Chat-------------------------*/
body.chatbox {background-image: none;}
.chatbox {background-color: #f0f0f0;}
.chatbox .forabg {margin: 0;border: none;padding: 0;margin: 0;background-color: #4e4e4e;}
.chatbox-title,.chatbox-title a.chat-title {color: #4e4e4e !important; }
.chatbox-title {float: left;margin: 0;padding: 2px 5px 0 5px;width: 15em;}
.chatbox-options {float: right;list-style: none;font-size: 11px;margin: 0.7em 0.5em 0.5em 0.5em;}
.chatbox-options li {display:inline;}
.chatbox-options li,.chatbox-options li a,.chatbox-options li label {color: #272727; font-weight: bold;}
#chatbox_members {position: absolute;top: 30px;bottom: 30px;width: 180px;overflow: auto;border-right: 1px solid ;}
#chatbox_members .member-title {text-align: center;padding: 0.5em 0.25em;background-image: none;font-size: 12px;background-color: #e1ddd3;color : #417394;font-family: "Segoe UI", Tahoma, Geneva, sans-serif;}
#chatbox_members ul {list-style: none;margin: 0 0 0 1em;}
#chatbox_members ul li {margin: 0.5em 0.5em 0.5em 0;}
#chatbox {position: absolute;top: 30px;left: 181px;right: 0;bottom: 30px;overflow: auto;line-height: 10px;}
.chatbox_row_1 {padding: 4px;background-color: #e1ddd3;}
.chatbox_row_2 {padding: 4px;background-color: #e1ddd3;}
.chatbox_row_3 {padding: 4px;background-color: #e1ddd3;}
.memberlist_row_1 {background-color: #ffffff;}
#chatbox_footer {position: absolute;bottom: 0;left: 0;right: 0;padding: 5px;}
#chatbox_footer label {color: #4e4e4e; font-weight: bold;}
#chatbox_footer .fontbutton{
padding: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
background-image: url(https://i.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: 1px solid #c4c0b5;}
#message,#submit_button{border-width: 1px;}
.fontbutton {padding: 1px;cursor: pointer;text-align: left;}
.fontbutton_normal {background: #E1E1E2;}
.fontbutton_selected {background: #BBC7CE;border: 1px solid #22229C;}
.fontbutton_clicked {background: #959595;border: 1px solid #22229C;}
.fontbutton_hover {background: #E1E1E2;border: 1px solid #22229C;}
#chatbox_contextmenu {border: 2px solid black;background-color: #384c56;}
#chatbox_contextmenu p {margin:0;padding: 1px 4px;font-family: verdana, arial, sans-serif;background: #ffffff;border-bottom:1px solid #777;}
#chatbox_contextmenu p.hover {background: ##ffffff;}
#chatbox_contextmenu p.close {background: #ddd;padding: 1px;font-size: 95%;color:#fff;background: url('');}
#chatbox_contextmenu p.close img {vertical-align: middle;padding-left: 20px;}
#chatbox_contextmenu a {color: #417394; text-decoration: none; font-size: 95%;}
#chatbox_contextmenu a:hover {color: ;}
.fontbutton {background:#E1E1E2 none repeat scroll 0%;border:medium none;color:#000000;float:left;margin-right:10px;padding:1px;}
fieldset.polls {
background-image: url("http://cdn2.iconfinder.com/data/icons/webapp/PNG-32/Pie%20Chart.png");
background-repeat: no-repeat;
background-position: bottom right;
}
#chatbox .user {font-weight: bold;}
.conteneur_minwidth_IE{background:url(https://i.servimg.com/u/f60/17/70/31/92/vaix10.png) repeat-x bottom left;
position: relative;bottom: -20px;
margin-top: -17px;padding: 5px;}
.conteneur_container_IE{background:url() no-repeat bottom left;position: relative;bottom: -3px;margin-top: -2px;padding: 1px;}
* html #chatbox-members { /* IE expressions helping IE work in Standards mode */height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");}
* html #chatbox { /* IE expressions helping IE work in Standards mode */height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 1.3) ) + "px");}
* html #chatbox-footer {/* IE expressions helping IE work in Standards mode */width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");}
/* DELETRE SUBRALLADO */
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumtitle {text-decoration: none;}
a.forumtitle:hover {text-decoration: none!important;}
a.topictitle {text-decoration: none;}
a.topictitle:hover {text-decoration: none!important;}
/*-------------------PosT Perfil-------------------*/
.postprofile {
background-image: url('');
background-repeat: repeat-x;
background-position: bottom;
background-color: #ecebe6;
padding-top: 20px;
padding-bottom: 20px;
border: 1px solid #c4c0b5;
text-align:center;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
/*--------------------BOTONES DEGRADADO--------------------*/
input.button1, input.button2, button.button2, #main-content a.cgu-buttons {
background: #f4f5f4 url(https://i.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 2px;}
.postbody .topic-title {
font-size:1.2em;}
/*-------------------solucion & Aportes para una mejor apariencia-------------------*/
#plus_menu {
background: #ffffff;
}
.user_login_form input[type="text"], .user_login_form input[type="password"]{
position:relative;
top:7px;
}
#memberlist { padding-top: 35px; }
blockquote {
background: url(https://i.imgur.com/NezEU.png) no-repeat 1% 2% #ecebe6;
border-color: #c4c0b5;
margin-bottom: 15px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-topleft: 6px;
-webkit-border-top-right-radius: 6px;
-webkit-border-top-left-radius: 6px;
}
/* CATEGORIAS FONDOS Y SOMBRAS */
.forabg .row .lastpost
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: #FAFCFC url(https://i.servimg.com/u/f40/17/20/53/70/bg10.jpg);
background-position: bottom;
border: 1px solid #D7D7D7;
border-radius: 5px;
box-shadow: 0 1px 2px #CCC;
}
/*CENTRAR CATEGORIA*/
li.header dl dd, li.header dd, li.header dt {
text-align: center;
}
#main .linklist {
color: black;
background-image: url('https://i.servimg.com/u/f49/16/49/41/38/ea11.png');
background-repeat: repeat-x;
border:1px solid #929292;
border-radius:0px
text-shadow: 1px 0px 0px #000000;
}
#main .linklist {
margin-bottom: 10px;
}
#wrap { width: 80%; }
Gracias
![[phpbb3] Al reduzir el ancho del foro,los foros se pasan de los bordes 313298198](https://2img.net/u/2713/25/78/83/smiles/313298198.png)
Seguro que es algo que tengo que modificar del css que tengo ahora (esta en el 1er post)
