¡Auxilio! El texto de los artículos en portada se desborda - Foros Joomla! Spanish

soloyloco · 08-03-2010, 11:36 PM

Esto sucede solo en Explorer, al menos en el 7 pero no sucede cuando lo visualizo en firefox o chrome, sin embargo cuando está en su categoría como artículo se visualiza correctamente con saltos de línea.
¿Algún consejo de por dónde debo comenzar a revisar?
Gracias.
aquí la página

Luis Palma Bustamant · 09-03-2010, 12:19 AM

De casualidad, copias y pegas desde otro sitio web??.. recuerda que tambien importas basura o código desde el otro sitio.. si es así pega el texto en Bloc de notas y de ahí copias y pegas en el artículo.

El template o plantilla es para joomla 1.5.x??.. importante!..

Federico Piccoli · 09-03-2010, 10:00 AM

Cita:

Iniciado por soloyloco

Esto sucede solo en Explorer, al menos en el 7

Ciao

y tambien en Ie6, el componente lo has colocado con una instrucción float left y el weight está en pixels?
Si és así, prueba a escribir el weight del componente en porcentaje, porque Iexplorer al float le añade dos pixels por su cuenta y entonces puede que no te quepa el componente en el ancho total de la página

P.S.: Comprueba tambien si en el css hay alguna instrucción clear, tambien dan la lata con Ie

soloyloco · 09-03-2010, 07:22 PM

Gracias por la atención, los textos no son copiados y pegados, los teclee directamente y las plantillas que he usado son para Joomla 1.5 incluso en el template activo hay un css llamado ieonly.css que cito a continuación:

Código:

@charset "UTF-8";
/* CSS Document */

div#left_container {
	width:160px;
	float:left;
	overflow:hidden;
	display:inline-block;
}

div#right_container {
	width:160px;
	float:right;
	display:inline-block;
	overflow:hidden;
}

div#content_container {
	overflow:hidden;
	padding:0 22px 6px 22px;
	display:inline-block;

y el template.css es el siguiente

Código:

@charset "UTF-8";
/* CSS Document */

body {
	margin:12px;
	padding:0;
	background-color:#ccc;
	color:#000000;
}

body, th, tr {
	font-family:Courier New, Times New Roman, Arial;
	color:#000000;
	font-size:12px;
}

.componentheading {
	font-size:14px;
	font-weight:bold;
}

.contentheading {
	font-size:14px;
	font-weight:bold;
       color:#084B8A;
       text-decoration:underline;
       background-image:url(../images/mod_header2.jpg);
	background-repeat:no-repeat;
	background-position:0px 0;
	padding:4px 0 4px 30px;
	display:block;

}

span.small, td.createdate {
	font-size:11px;
	color:#444;
}

.pagenav {
	color:#444;
}

a {
	text-decoration:none;
	color:#000000;
}

a:hover {
	color:#084B8A;
}

.clear {
	clear:both;
}

form, fieldset, img {
	border:none;
}

input {
	margin:4px;
}

div#body_container {
	width:1000px;
	border:0px solid #aeaeae;
	background-color:#FFF;
	text-align:left;
	overflow:hidden;
}

div#tpl_header {
	width:1000px;
	height:160px;
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	overflow:hidden;
	position:relative;
}

span.site_name {
	padding:46px 0 0 40px;
	display:block;
	font-size:17px;
       font-weight:bold;
       color:#ffffff;
}

div.spc_header {
	height:1px;
	border-bottom:1px solid #fff;
	background-color:#ffffff;
}

div#bc_container {
	font-size:11px;
	color:#444;
	padding:6px 4px 3px 4px;
	margin:0 10px 8px 10px;
	border-bottom:1px dotted #ccc;
}

div#site_container_n {
}

div#site_container_l {
	background-repeat:repeat-y;
	background-position:left top;
	background-image:none;
}

div#site_container_r {
	background-repeat:repeat-y;
	background-position:left top;
	background-image:none;
}

div#site_container_lr {
	background-repeat:repeat-y;
	background-position:left top;
	background-image:url(../images/main_bg_lr.gif);
}

div#left_container {
	width:160px;
	float:left;
	overflow:hidden;
}

div#right_container {
	width:160px;
	float:right;
	overflow:hidden;
}

div#content_container {
	overflow:hidden;
	padding:0 22px 6px 22px;
}

div.moduletable_menu, div.moduletable {
	margin-bottom:16px;
}

div.moduletable_menu h3, div.moduletable h3 {
	font-weight:bold;
	font-size:13px;
       color:#999;
	background-color:#ffffff;
	background-image:none
	background-repeat:no-repeat;
	background-position:0px 0;
	padding:4px 0 4px 10px;
	display:block;
	border-bottom:1px solid #666;
	margin:0;
}

div.moduletable_menu ul, div.moduletable_menu li {
	margin:0;
	padding:0;
	list-style:none;
}

div.moduletable_menu ul li {
	border-bottom:1px solid #ccc;
}

div.moduletable_menu ul li a {
	padding:4px 0 4px 22px;
	display:block;
       color:#000000;
}

div.moduletable_menu ul li a:hover {
	color:#084B8A;
	background-color:#e9e9e9;
}

div.moduletable_menu ul li ul li{
	border:none;
	border-top:1px dashed #e9e9e9;
}

div.moduletable_menu ul li ul li a {
	padding:4px 0 4px 28px;
	display:block;
}

div.moduletable_menu ul li ul li ul li a {
	padding:4px 0 4px 34px;
	display:block;
}

div.site_footer {
	width:1000px;
	font-size:10px;
	color:#999;
	display:block;
	padding:4px;
}

div.site_footer a {
	color:#999;
}

div.site_footer a:hover {
	color:#666;
}

div.site_footer span.ft_joomla {
	text-align:left;
	display:inline-block;
	width:680px;
}

div.site_footer span.ft_link {
	text-align:right;
	display:inline-block;
	width:159px;
}
#form-login {
padding-left:15px;
}
.inputbox {
width:120px;
}
.button {
background:#72c4fe;
border:2px solid gray;
width:80px;
color:#000;
}

div#bottombox_container {
	margin:8px 0 0 0;
	border-top:1px dotted #ccc;
	padding:6px 0 0 0;
}

div.bottom_box {
	float:left;
	overflow:hidden;
	width:499px;
}

div#topmneu_container {
	position:absolute;
	top:5px;
	right:30px;
	display:inline-block;
	overflow:hidden;
}

div#topmneu_container ul, div#topmneu_container li {
	list-style:none;
}

div#topmneu_container ul {
	margin:0;
	padding:0;
}

div#topmneu_container li {
	float:left;
	background-image:url(../images/li_bullet.jpg);
	background-repeat:no-repeat;
	background-position:left center;
	padding:4px 8px 4px 14px;
}

div#topmneu_container ul li ul {
	display:none;
}

div#topmneu_container li a {
color:#fff;
font-weight:bold;
}

Encontré a instrucción clear que me mencionan, ¿como la debo modificar? Agradezco el tiempo que se toman en responder procuraré continuar con la cadena ayudando a quien me sea posible.

Saludos.

Federico Piccoli · 09-03-2010, 11:56 PM

Ciao

Copia el ieonly.css y prueba con esta clase:

div#right_container {
width:160px;
float:right;
display:inline-block;
overflow:hidden;
}
Creo que el problema debe estar en la instruccion en negrita, prueba a redactar la primera distinta pero sin px.

soloyloco · 10-03-2010, 08:40 AM

Lo intenté poniendo porcentaje en la sección mencionada, pero sigue sin funcionar, seguiré intentando, solo que se me agotan las ideas.

Federico Piccoli · 10-03-2010, 10:13 AM

Ciao

Iexplorer és una lata, pero son alrededor de 2 visitas de cada 3, ánimo continúa probando

soloyloco · 12-03-2010, 11:23 PM

reinstalé todo de nuevo y se solucionó, gracias a quienes me ayudaron.

Eduardo Aguilar · 03-06-2010, 09:50 PM

Cita:

Iniciado por soloyloco

Esto sucede solo en Explorer, al menos en el 7 pero no sucede cuando lo visualizo en firefox o chrome, sin embargo cuando está en su categoría como artículo se visualiza correctamente con saltos de línea.
¿Algún consejo de por dónde debo comenzar a revisar?
Gracias.
aquí la página

El problema ya nos ocurrió a nosotros; y no tiene su origen el sitio, sino en la actualización del navegador. Por otro lado, debes de dar de alta los navegadores con los cuales quieres que se vea tu sitio.

Espero que te haya servido

Foros Joomla! Spanish

Zonas Joomla! Spanish

Estar informado de J!S

Estadistícas del foro

Colaboradores Gold

Soporte Publicitario