Resulta que tengo una tabla dividida en dos columnas 50% y 50%
En cada una de ellas se debe cargar una pagina en un eframe.
Todas mis paginas se rigen por un mismo archivos .css
del cual utilizo basicamente 2 cosas:
Código PHP:
body , p , h1 , h2 , h3 , table , td , th , ul , ol , textarea , input {
font-family : Arial, Helvetica, sans-serif;
}
body {
font-size : 10px;
color : #000000;
background-color : #ffefc6;
margin-top : 0;
margin-left : 0;
scrollbar-3dlight-color : #FFDC98;
scrollbar-darkshadow-color : #FFDC98;
scrollbar-highlight-color : #ffefc6;
scrollbar-shadow-color : #FFC890;
scrollbar-arrow-color : #663300;
scrollbar-face-color : #FFD17D;
scrollbar-track-color : #FFDC98;
}
.bgNaranja {
background-color : #FFDC98;
}
La pagina index.html adopta como background el color amarillo y aplica el estilo bgNaranja a la tabla.
La pagina hijo1.htm adopta el background amarillo y quiero que tenga una tabla 100% x 100% de color naranja.
El problema es que se sigue viendo el amarillo porque parece que el eframe guarda unos pixels para poner el scroll.
para que me entiendan dejo el ejemplo en http://www.hvaldez.com.ar/foros
Como puedo solucionar esto?
porque si no uso css y pongo los colores en el html se arregla...
es decir, el espacio que guarda el eframe para el scroll queda del color del background del documento.
mi primer idea seria generar 3 .css
el 1 y el 2
dejaria la definicion del background amarillo para el 1 y naranja para el 2.
y en el 3 dejaria todos los estilos en comun.
Es eficiente esa solución?
Gracias y espero comentarios/sugerencias.