Problema en Google Chrome

rdhosting · #1 (**permalink**) 22/12/2008, 08:07

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!!

DragonX · #2 (**permalink**) 22/12/2008, 08:53

podriamos ver tu CSS?

rdhosting · #3 (**permalink**) 22/12/2008, 12:17

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]

rdhosting · #4 (**permalink**) 22/12/2008, 12:19

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;
}

rdhosting · #5 (**permalink**) 22/12/2008, 12:20

[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]

rdhosting · #6 (**permalink**) 22/12/2008, 12:21

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!