Comunidad de diseño web y desarrollo en internet online

Problema con Fondo

Citar            
MensajeEscrito el 31 Ene 2006 03:47 am
Hola, tengo el siguiente problema:
Estamos armando una página y maqueté todo con hojas de estilo. El caso es que a veces necesito una o dos columnas... todo esto lo resuelvo con PHP, pero el problema que tengo es que al ver la parte con dos columnas, en Firefox no me muestra la imagen de fondo y en Explorer sí (esto es lo más raro).
Para las dos columnas lo armo así:

Código :

<div id='contenidoEst'>
  <div id='columna1'>
    Contenido columna 1
  </div>
  <div id='columna2'>
    Contenido columna 1
  </div>
</div>


Siendo el código de cada estilo:

Código :

#contenidoEst {
   clear: right;
   background: #F7F5F2 url(img/fnd02.jpg) no-repeat top right;
   }

#columna1 {
   float:left;
   width:370px;
   background-color:transparent;
}

#columna2 {
   float:right;
   width:370px;
   background-color:transparent;
}


Para verlo en acción entren a:
http://www.rosarioempresas.com.ar/Alejandro/Estancia/index.php?opc=Est
y prueben que con Explorer se ve como quiero, pero en Firefox no...
Llegué a descubrir que si a #columna1 y #columna2 les saco el float, me muestra la imagen de fondo, pero no el contenido ordenado como yo quiero. Al poner el float no muestra la imagen, excepto si pongo texto o algo dentro #contenidoEst, pero donde aparece el contenido de las columnas, no muestra el fondo.

Espero que alguien que sepa un poco más de CSS me pueda ayudar...

Saludos
Alejandro

Por aleaniquilador

4 de clabLevel



 

firefox
Citar            
MensajeEscrito el 31 Ene 2006 04:27 am
vaya, yo los veo igual.
tal vez podrías eliminar el atributo background-color pues es la propiedad por defecto de un div

por otra parte, el sitio está muy bien elaborado, pero no es 100% semántico; por ejemplo, el menu lo podrías haber hecho con una lista, pues eso es, no? ya con css la lista la pones "en línea" (display:inline), le quitas los bullets (list-style-type:none) y finalmente los acomodas como más se acomoden a tus necesidades.

un saludo

Por fael

BOFH

2443 de clabLevel

3 tutoriales
2 articulos

 

firefox
Citar            
MensajeEscrito el 31 Ene 2006 05:20 am
eeh no vi el error, creo que ya lo acomodaste :P , pero escribo para recomendarte que comprimas un poco más la imagen del fondo, son 74kb es mucho para una imagen de fondo ;) , para web es bueno usar la compresion de png 8 o png 24 :P

saludos ^^

Por Maikel

BOFH

5575 de clabLevel

22 tutoriales
5 articulos

Genero:Masculino   Team Cristalab

Claber de baja indefinida

firefox
Citar            
MensajeEscrito el 31 Ene 2006 05:36 pm
Todavía no lo pude solucionar, probé en otra máquina y se ve igual que a mí... sin la imagen de fondo en Firefox.

fael:
Sé que lo de los menús no está bien hecho, pero lo hice así porque probablemente vayamos a poner un menú en flash. Gracias de todos modos. Background-color lo agregué para ver si así me daba pelota.

Maikel:
Gracias por el consejo de los png pero prefiero usar el jpg. Es cierto que está pesadita la imagen, voy a ver que hago...

Gracias por las respuestas

Por aleaniquilador

4 de clabLevel



 

firefox
Citar            
MensajeEscrito el 31 Ene 2006 05:44 pm
Actualizé a Firefox 1.5 y ahora lo muestra bien, creo que habrá sido algún error del Firefox 1.0.7. Como supongo que la mayoría de usuarios de Firefox lo actualiza... no le voy a dar más bola al asunto.

Saludos y mil gracias

Por aleaniquilador

4 de clabLevel



 

firefox
Citar            
MensajeEscrito el 01 Feb 2006 05:35 am
Creo que si le pones un div con clear dentro del contenidoEst se solucionaria.

PD: Los atributos en XHTML son con comillas dobles!

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Premio_Secretos Team Cristalab

Front-end Developer en Washington, DC

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.