Problema con compatibilidad

[macacow]

Estoy haciendo un motor de búsqueda y todo sale como previsto, pero sabiendo que no soy un "web designer" pero mas bien un "backend developer" no tengo buenas nociones en css y eso. Aqui esta el proyecto http://boostream.com, el problema es que en firefox todo esta mezclado como si no hubiera css. El otro problema es que con una pantalla de mas de 13" la web no se muestra correctamente, de hecho varios elementos que se posicionan en la derecha(por ejemplo) no se van à la derecha de la pantalla a medida que se amplia la ventana. Alquien podria ayudarme? Que deberia hacer? (disculpen por mi español, soy ingles)

Muchas gracias,

Macacow

[pzin]

Pues estás posicionando todo con posiciones fijas o absolutas, eso es algo que no debería de hacerse nunca, y así indicando "este elemento va aquí" en lugar de "este elemento ocupa todo el ancho".

No veo nada de malo ni regular en tu español.

[macacow]

Y como puedo solucionar ese problema?

[temerariomalaga]

Usando position:relative
Un ejemplo sencillo para centrar un div dentro de otro sería el siguiente:

Código CSS:

#divpadre{
     position:relative;
     margin:0 auto 0 auto;
     width:80%;
}
#divhijo{
     position:relative;
     width:50%;
     margin:0 auto 0 auto;
     text-align:center;
}
 

Este pequeño ejemplo tendria un div padre centrado en la página que ocuparía un 80% del espacio disponible. Después el div hijo se situaría dentro de este div padre y ocuparía un 50% de este y estaría centrado.

[pzin]

Ahí la posición relativa no hace nada, da lo mismo ponerla que no.

Lo que tienes que hacer es aprender a realizar la maquetación mediante HTML y CSS de forma óptima, y eso no se soluciona con un código u otro, ya que requiere más bien leer algún manual y algo de práctica.

librosweb.es es un buen lugar para empezar.

[macacow]

Iniciado por pzin

Ahí la posición relativa no hace nada, da lo mismo ponerla que no.

Lo que tienes que hacer es aprender a realizar la maquetación mediante HTML y CSS de forma óptima, y eso no se soluciona con un código u otro, ya que requiere más bien leer algún manual y algo de práctica.

[URL="http://librosweb.es"]librosweb.es[/URL] es un buen lugar para empezar.

Muchas gracias por la ayuda, acabo de visitar la web recomendada, pero que tengo que aprender exactamente ?

[Luminis]

Podrías intentar colocar las medidas en pocentajes (%) para que sea relativamente adaptable a diferentes pantallas, luego podrías revisar tu código CSS y adaptar las propiedades no genéricas a los distintos navegadores (no se exactamente como se le dice), me refiero al -moz- para Firefox y al -webkit- para Chrome, y en tal caso de querer hacerlo para IE -ms-.

[temerariomalaga]

Iniciado por macacow

Muchas gracias por la ayuda, acabo de visitar la web recomendada, pero que tengo que aprender exactamente ?

Para los estilos te recomiendo primero este libro http://librosweb.es/css/ y cuando ya tengas manejado lo básico este otro http://librosweb.es/css_avanzado/
Si en HTML vas un poco flojo te recomiendo "El gran libro de HTML5, CSS3 y Javascript"