problema con css buena tarde. se me esta presentando un inconveniente en mi web con el codigo css.
el problema es el siguiente:
tengo este codigo
#header {
height: 136px;
position:relative;
clear:both;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
background: url(images/headerbg.png) no-repeat 0 0 !important;
}
@-moz-document url-prefix() {
#header, header2, #header3, #header4 {
top: 32px;
height: 168px;
}
#header, header2, #header3, #header4 {
top: 32px;
height: 168px;
}
}
@-moz-document url-prefix() {
#header, header2, #header3, #header4 {
top: 32px;
height: 168px;
}
}
@media screen and (min-width:0\0) {
/* Tus estilos CSS para IE9, IE10, IE11 */
#header, header2, #header3, #header4 {
top: 32px;
height: 168px;
}
}
@media \0screen\,screen\9 {
/* Tus estilos CSS para IE6, IE7, IE8 */
#header, header2, #header3, #header4 {
top: 32px;
height: 168px;
}
}
@media screen\0 {
/* Tus estilos CSS para IE8, IE9, IE10 */
#header, header2, #header3, #header4 {
top: 32px;
height: 168px;
}
}
en el pc donde estoy desarrollando la web, se ve perfectamente bien, pero en los demas pc aparece cortada una parte del header.
para solucionarlo, le he adicionado unos pixeles, lo cual me permite ver la web bien en los demas pcs pero en el que la estyo desarrollando aparece el espacio en blanco correspondiente a los pixeles que le agregue.
#header {
top: 32px;
height: 168px;
position:relative;
clear:both;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
background: url(images/headerbg.png) no-repeat 0 0 !important;
}
por cierto este problema solo me pasa con chrome. los demás navegadores la muestran perfectamente.
no se si el problema sea en mi pc o donde. porfavor ayudenme
