Foros del Web » Creando para Internet » CSS »

Problema en Google Chrome

Estas en el tema de Problema en Google Chrome en el foro de CSS en Foros del Web. Hola! tengo un problema con una página, resulta que el sitio tiene un color plano seteado como fondo de página, que obviamente debería extenderse hacia ...
  #1 (permalink)  
Antiguo 22/12/2008, 08:07
 
Fecha de Ingreso: octubre-2003
Ubicación: Montevideo
Mensajes: 256
Antigüedad: 14 años, 1 mes
Puntos: 0
Problema en Google Chrome

Hola! tengo un problema con una página, resulta que el sitio tiene un color plano seteado como fondo de página, que obviamente debería extenderse hacia toda la página, pero en el Google Chrome da un problema raro en ocasiones, como que cuando termina el </div> que contiene toda la página no muestra el color de fondo ahí, no se si me expliqué bien, les dejo una imagen del problema también.



Gracias desde ya por la ayuda!!
  #2 (permalink)  
Antiguo 22/12/2008, 08:53
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Respuesta: Problema en Google Chrome

podriamos ver tu CSS?
  #3 (permalink)  
Antiguo 22/12/2008, 12:17
 
Fecha de Ingreso: octubre-2003
Ubicación: Montevideo
Mensajes: 256
Antigüedad: 14 años, 1 mes
Puntos: 0
Respuesta: Problema en Google Chrome

DragonX, gracias y ahí va el CSS.

[CODE]

/*RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size:100%;
font-weight: normal;
font-style: normal;
font-family: inherit;
vertical-align: baseline
}


:focus {
outline: 0
}

ol, ul {
list-style: none
}

table {
border-collapse: collapse;
border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
content: ""
}

blockquote, q {
quotes: "" ""
}

input, textarea {
margin: 0;
padding: 0
}

hr {
margin: 0;
padding: 0;
border: 0;
color: #000;
background-color: #000;
height: 1px
}

div.clear{
clear:both;
}

.left{xfloat:left;}
.right{float:right;}
.bold{ font-weight:bold;}


/*----------*/


body{
background: #360000;
font-family: Helvetica, Arial, sans-serif Helvetica, Arial;
font-weight:normal;
color:#fff;
/*aqui controlás el tamaño de la fuente*/
font-size:13px;
/*aquÃ* el iterlineado*/
line-height:120%;
}

div.bodyTwo {
background: #9E0202 url(../../media/images/bg_body.gif) repeat-x top left;
}

div.bodyThree {
background: url(../../media/images/bg_body_bottom.gif) bottom left repeat-x;
}

/*-[ wrapper ]-*/

div.wrapper {
width:963px;
margin:0 auto;
margin-top:34px;
clear:both;
overflow:hidden;
position:relative;
}

/*-[ header ]-----------------------------------------------------------------------------*/

div.wrapper div.header {
clear:both;
overflow:hidden;
position:relative;
height:97px;
}

a.logo{
float:left;
margin-left:18px;
}

/*-[ menuBar ]--*/

div.wrapper div.menuBar {
clear:both;
background:url(../../media/images/bg_menu_bar-trans.png) repeat-x top left;
overflow:hidden;
position:relative;
height:41px;
width:961px;
}

div.wrapper div.menuBar ul.topmenu {
position: relative;
height: 41px;
overflow: hidden;
margin:5px 0 0 10px;
}

div.wrapper div.menuBar ul.topmenu li{
float:left;
}

div.wrapper div.menuBar ul.topmenu li.resources{
float:left;
margin-left:390px;
}

div.wrapper div.menuBar ul.topmenu li.back {
width: 15px;
height: 26px;
z-index: 8;
position: absolute;
background: transparent url("../../media/images/bg_lavalamp_item.png") no-repeat right 2px;
}

/* IE 6 */
* html div.menuBar ul.topmenu li.back {
background: transparent url("../../media/images/bg_lavalamp_item_ie.gif") no-repeat right 2px !important;
width: 13px;
}

div.wrapper div.menuBar ul.topmenu li.back .left {
height: 27px;
margin-right: 15px;
background:transparent url("../../media/images/bg_lavalamp_item.png") no-repeat bottom left;

}

* html div.wrapper div.menuBar ul.topmenu li.back .left {
background: transparent url("../../media/images/bg_lavalamp_item_ie.gif") no-repeat bottom left;
margin-right: 13px;
}


div.wrapper div.menuBar ul.topmenu li a {
position: relative;
cursor:pointer;
overflow: hidden;
text-decoration: none;
text-align: center;
height: 30px;
top: 7px;
z-index: 10;
float: left;
height:18px;
display: block;
margin: 0 10px;
text-indent:-999em;
}

* html div.wrapper div.menuBar ul.topmenu li a {
margin: 0 5px;
}

ul.topmenu li a.home{
background:url(../../media/images/button0-trans.png) no-repeat top left;
width:43px;
}

ul.topmenu li a.aboutus{
background:url(../../media/images/button1-trans.png) no-repeat top left;
width:66px;
}

ul.topmenu li a.service{
background: url(../../media/images/button2-trans.png) no-repeat top left;
width:62px;
}

ul.topmenu li a.prices{
background: url(../../media/images/button3-trans.png) no-repeat top left;
width:53px;
}

ul.topmenu li a.port{
background: url(../../media/images/button4-trans.png) no-repeat top left;
width:61px;
}

ul.topmenu li a.testimonials{
background: url(../../media/images/button5-trans.png) no-repeat top left;
width:87px;
}

ul.topmenu li a.faqs{
background: url(../../media/images/button6-trans.png) no-repeat top left;
width:26px;
}

ul.topmenu li a.contact{
background: url(../../media/images/button7-trans.png) no-repeat top left;
width:77px;
}

ul.topmenu li a.resources{
background: url(../../media/images/button8-trans.png) no-repeat top left;
width:75px;
}

ul.topmenu li a.jobs{
background: url(../../media/images/button9-trans.png) no-repeat top left;
width:35px;
}
[CODE]

Última edición por rdhosting; 22/12/2008 a las 12:20 Razón: me faltaba info
  #4 (permalink)  
Antiguo 22/12/2008, 12:19
 
Fecha de Ingreso: octubre-2003
Ubicación: Montevideo
Mensajes: 256
Antigüedad: 14 años, 1 mes
Puntos: 0
Respuesta: Problema en Google Chrome

Código:
/*-[ content ]-*/

div.wrapper div.content {
	clear:both;
	overflow:hidden;
	position:relative;
}

/*-[ Product Slider ]-*/

div.wrapper div.content div#productSliderOutside {
	width:640px;
	height:180px;
	overflow:hidden;		
	float:left;
	margin-top:28px;
	position:relative;
	margin-left:5px;
}

div.wrapper div.content div#productSliderOutside div.navigation {
	width:20px;
	height:39px;
	float:left;
	position:relative;
	top:50px;
	overflow:visible;
	z-index:700;
}

div.wrapper div.content div#productSliderOutside div.navigation div.leftArrow,
div.wrapper div.content div#productSliderOutside div.navigation div.rightArrow {
	position:absolute;
	top:23px;
	z-index:500;
}

div.wrapper div.content div#productSliderOutside div.navigation div.rightArrow {
	left:-23px;
}


div.wrapper div.content div#productSliderOutside div#productWrapper {
	float:left;
	overflow:hidden;
	position:relative;
	width:600px;
	z-index:200;
}

div.wrapper div.content div#productSliderOutside div#productWrapper ul {
	float:left;
	position:relative;
	width:6000px;	
}

div.wrapper div.content div#productSliderOutside div#productWrapper ul li{
	width:600px;
	height:180px;
	float:left;
	margin-left:20px;
	font-family:"Tahoma",Arial, Helvetica, sans-serif;
	font-size:10px;
	position:relative;
}

div.wrapper div.content div#productSliderOutside div#productWrapper ul li a {
	color: #FFFFFF;
}

div.wrapper div.content div#productSliderOutside div#productWrapper ul li div.detalles{
	width:550px;
	height:25px;
	float:left;
	margin-left:12px;
	position:absolute;
	bottom:5px;
}

div.wrapper div.content div#productSliderOutside div#productWrapper ul li div.detalles div{
	width:500px;
	clear:both;
	margin:0;
	padding:0;
	height:13px;
}

div.wrapper div.content div#productSliderOutside div#productWrapper ul li div.detalles div.title{
	font-size:11px;
	font-weight:bold;
	clear:both;
		width:500px;	
}


div.wrapper div.content div#productSliderOutside div#productWrapper ul li.slide_01{
	background: url(../../media/images/slide_01.jpg) no-repeat top left;
}

a.previous{
	float:left;
	margin-right:-5px;
	position:relative;
}

div.we{
	width:290px;
	height:183px;
	float:right;
	margin:25px 0 0 15px;
	font-family:Georgia;
	font-size:25px;
	line-height:120%;
}

div.we span{
	font-size:30px;
}

div.acle{
	background:url(../../media/images/bg_acle-trans.png) no-repeat top left;
	width:419px;
	float:left;
	overflow:hidden;
	margin-top:27px;
}

div.acle h2{
	margin:12px 0 0 10px;
}

div.acle p{
	width:390px;
	margin:30px 0 0 10px;
}

div.specials{
	width:273px!important;
	margin-left:10px;
}

div.specials p{
	width:257px;	
}

div.specials ul{
	margin:10px 0 0 10px;
}

div.news{
	background:url(../../media/images/bg_news-trans.png) no-repeat top left;
	width:269px;
	height:72px;
	margin:12px 0 0 0;
}

div.news form input{
	width:190px;
	height:21px;
	margin:35px 0 0 15px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	border:0;
	padding-top:5px;
}

div.news form input.button{
	float:left;
	width:auto;
	margin:35px 0 0 7px;
	height:auto;
}

div.contact{
	width:251px!important;
	margin-left:10px;
	float:right;
}

div.formContainer{
	width:249px;
	overflow:hidden;
	margin-top:25px;
}

div.formContainer form label{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
	margin:8px 0 0 33px;
}

div.formContainer form label.error{
	color:#FFF;
	margin:10px 0 0 5px;
	display:inline;
	width:200px;
}

div.formContainer form br{
	clear:left;
}

div.fieldContainer{
	clear:left;
	margin:4px 0 10px 0;
}

div.f_name{
	background:url(../../media/images/bg_name-trans.png) no-repeat top left;
	width:249px;
	height:30px;
}

div.f_mail{
	background:url(../../media/images/bg_mail-trans.png) no-repeat top left;
	width:249px;
	height:30px;
}

div.f_text{
	background:url(../../media/images/bg_text-trans.png) no-repeat top left;
	width:249px;
	height:126px;
}

div.formContainer form input, textarea{
	width:170px;
	margin:5px 0 0 5px;
	padding:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
	border:0;
}

div.formContainer form input.button{
	float:right;
	width:39px;
	margin:2px 9px 0 0;
	height:14px;
}

div.formContainer form textarea{
	width:204px;
	height:91px;
	overflow:auto;
	margin:0 0 0 33px;
}



/*-[ footer ]-*/

div.wrapper div.footer {
	background:url(../../media/images/bg_footer.gif) repeat-x top left;
	clear:both;
	overflow:hidden;
	position:relative;
	width:100%;
	margin-top:43px;
	padding:12px 0;
	padding-left: 5px;
}

div.wrapper div.footer ul{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:10px;
}

div.wrapper div.footer ul li{
	float:left;
	margin-right:20px;
}

div.wrapper div.footer ul li a{
	color:#FFF;
	text-decoration:none;
}

div.wrapper div.footer ul li a:hover{
	color:#fd1809;
}

.wrapper .footer .copy {
	margin-left: 380px;
	font-size: 10px;

}

/*INTERIORES*/

div.int{
	width:700px;
	float:left;
	margin:20px 0 0 0;
}

div.int h2{
	font-weight:bold;
}

div.int p{
	margin-bottom:25px;
}
/* Menus Container  */

.menusContainer {
	width:100%;
	height:70px;
	clear:both;
}

/*PORTFOLIO*/
div.menu_portfolio{
	background:url(../../media/images/bg_menu_port_final.jpg) no-repeat 0px 0px;
	width:100%;
	height:25px;
	xfloat:left;
	margin:5px 0 0 10px;
	position:relative;
	clear:both;
}

div.hidden {
	display:none;
}

div.menu_portfolio ul {
	xpadding-left:11px;
	position: relative; 
	overflow: hidden;
	text-decoration: none;
	text-align: center;
	height: 20px; 	
	z-index: 10; 
	float: left;
	height:23px;
	display: block;
	margin: 0 10px; 
	
}

div.menu_portfolio ul li{
	float:left;
}

div.menu_portfolio ul li a{
	position: relative; 
	overflow: hidden;
	text-decoration: none;
	text-align: center;
	height: 15px; 
	top: 6px;
	z-index: 10; 
	float: left;
	display: block;
	margin: auto 5px; 
	text-indent:-999em;
	font-size:12px;
}

* html div.menu_portfolio ul li a {
	margin: 0px 2px;
}

div.menu_portfolio ul li a.tours{
	background:url(../../media/images/port1-trans.png) no-repeat top left;
	width:37px;
}

div.menu_portfolio ul li a.members{
	background:url(../../media/images/port2-trans.png) no-repeat top left;
	width:103px;
}	

div.menu_portfolio ul li a.affiliate{
	background:url(../../media/images/port3-trans.png) no-repeat top left;
	width:113px;
}	

div.menu_portfolio ul li a.banners{
	background:url(../../media/images/port4-trans.png) no-repeat top left;
	width:55px;
}	

div.menu_portfolio ul li a.fhgs{
	background:url(../../media/images/port5-trans.png) no-repeat top left;
	width:38px;
}	

div.menu_portfolio ul li a.tgps{
	background:url(../../media/images/port6-trans.png) no-repeat top left;
	width:37px;
}	

div.menu_portfolio ul li a.business{
	background:url(../../media/images/port7-trans.png) no-repeat top left;
	width:99px;
}	

div.menu_portfolio ul li a.logo{
	background:url(../../media/images/port8-trans.png) no-repeat top left;
	width:75px;
}	

div.menu_portfolio ul li a.tubes{
	background:url(../../media/images/port9-trans.png) no-repeat top left;
	width:38px;
}	

div.menu_portfolio ul li.back {
	width: 9px; 
	height: 20px;
	z-index: 8;
	position: absolute;
	background: transparent url("../../media/images/bg_portfolio_lava.gif") no-repeat right 4px;	
}

div.menu_portfolio ul li.back .left {	
	height: 20px;
	margin-right: 9px;
	background:transparent url("../../media/images/bg_portfolio_lava.gif") no-repeat 0px -12px;

}

div.jobs{
	width:691px;
	height:150px;
}

div.jobs ul.info{
	background:url(../../media/images/bg_ul_jobs-trans.png);
	width:150px;
	height:51px;
	margin-left:5px;
	margin-top:91px;
	float:left;
	font-family:Tahoma;
	padding-left:10px;
	font-size:10px;
	line-height:120%;
	padding-top:4px;
}

div.jobs ul.info li{
	margin-bottom:0px;
}

div.jobs a{
	background:url(../../media/images/bg_more_info-trans.png) no-repeat top left;
	height:55px;
	width:506px;
	display:block;
	float:left;
	margin-top:91px;
	margin-left:15px;
	text-indent:-999em;
}

div.jobs a:hover{
	background:url(../../media/images/bg_more_info_over-trans.png) no-repeat top left;
}


div.acl{
	background:url(../../media/images/bg_job_acl.gif) no-repeat top left;
}

div.porfolio{
	margin-top:26px!important;
}




.wrapper .content .title {
	font-size: 20px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.td_title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #9E0202;
	padding: 5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #9E0202;
}
.table {
}
.td {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FEC5C5;
	font-size: 12px;
}
.td_titulo {
	font-weight: bold;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FEC5C5;
	font-size: 12px;
}
.title-faq {
	font-weight: bold;
	font-family:Georgia, "Times New Roman", Times, serif;
}
  #5 (permalink)  
Antiguo 22/12/2008, 12:20
 
Fecha de Ingreso: octubre-2003
Ubicación: Montevideo
Mensajes: 256
Antigüedad: 14 años, 1 mes
Puntos: 0
Respuesta: Problema en Google Chrome

[CODE]
/* ----------- CONTACT FORM ------------- */

div.formContact{
width:350px;
overflow:hidden;
margin-top:25px;
}

div.formContact form label{
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666;
margin:8px 0 0 33px;
}

div.formContact form label.error{
color:#FFF;
margin:10px 0 0 5px;
display:inline;
width:200px;
}

div.formContact form br{
clear:left;
}

div.fieldContact{
clear:left;
margin:4px 0 10px 0;
}

div.form_name{
background:url(../../media/images/bg_name-trans_contact-form.png) no-repeat top left;
width:350px;
height:30px;
}

div.form_mail{
background:url(../../media/images/bg_mail-trans_contact-form.png) no-repeat top left;
width:350px;
height:30px;
}

div.form_icq{
background:url(../../media/images/bg_icq-trans_contact-form.png) no-repeat top left;
width:350px;
height:30px;
}

div.form_text{
background:url(../../media/images/bg_text-trans_contact-form.png) no-repeat top left;
width:350px;
height:160px;
}

div.formContact form input, textarea{
width:270px;
margin:5px 0 0 5px;
padding:2px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666;
border:0;
}

div.formContact form input.button{
float:right;
width:39px;
margin:2px 9px 0 0;
height:14px;
}

div.formContact form textarea{
width:300px;
height:130px;
overflow:auto;
margin:0 0 0 33px;
}

#contact-info {
float: right;
width: 290px;
margin-top: -416px;
}
#contact-info li {
margin: 0 0 10px 0;
font-size: 13px;
}
#contact-info #mail {
padding: 0 0 0 26px;
background-image: url(../../media/images/mail.png);
background-repeat: no-repeat;
background-position: 0 2px;
}
#contact-info #icq {
padding: 0 0 0 26px;
background-image: url(../../media/images/logo_icq.png);
background-repeat: no-repeat;
background-position: 0 0px;
}
#contact-info #skype {
padding: 0 0 0 26px;
background-image: url(../../media/images/logo_skype.png);
background-repeat: no-repeat;
background-position: 0 0px;
}
#contact-info #msn {
padding: 0 0 0 43px;
background-image: url(../../media/images/logo_msn.png);
background-repeat: no-repeat;
background-position: 0 2px;
}
#contact-info span {
font-weight: bold;
}
.big_text {
font-size: 16px;
}
[CODE]
  #6 (permalink)  
Antiguo 22/12/2008, 12:21
 
Fecha de Ingreso: octubre-2003
Ubicación: Montevideo
Mensajes: 256
Antigüedad: 14 años, 1 mes
Puntos: 0
Respuesta: Problema en Google Chrome

DragonX perdón que tuve que pegar todo en 3 post, es que es bastante larga la hoja de estilos, y no quería que faltara nada, así me podrían dar una mejor respuesta.
Gracias!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:54.