Web en css y divs

Hola, a ver si me podéis ayudar.

Estoy intentando hacer una web tipo blog con hojas de estilos y divs, pero me encunentro que en el firefox me hace cosas extrañas, la verdad es que son mas impredecibles que usar tablas y me esta dando muchos quebraderos de cabeza ya.

Lo primero q me encuentro es que no soy capaz de centrar los divs <div id="tal" align="center">bla bla</div>

lo segundo es que no logro hacer un div que ocupe el 100% del navegador, lo q hace es ponerme el 100% del contenido que tengo dentro . Por ejemplo, yo tengo un div llamado "contenedor" que dentro de el hay varios divs. el primero tiene las noticias (contenido de base de datos) y el segundo tiene el menu (parte derecha), pues bien, cuando no hay nada mas escrito en el menu, no baja mas, haciendo que esa parte se quede sin pintar. y no lo entiendo por q se supone que el div "contenedor" tiene un fondo blanco, pero me lo pinta del fondo del navegador.

<a href="http://haciendoblogin.shinranet.com/nuevo/prueba2.php" target="_blank">http://haciendoblogin.shinranet.com/nuevo/prueba2.php</a>


otra cosa es que elpie de pagina (mi correo electronico) esta fuera de los divs pero me lo coloca debajo del menu.


A ver si me podeis dar alguna solucion a esto. Gracias.

 

<a href="http://www.forocreativo.net/ipb/index.php?showtopic=10414" target="_blank">http://www.forocreativo.net/ipb/index.php?showtopic=10414</a>

<a href="http://www.forocreativo.net/ipb/index.php?showtopic=10459" target="_blank">http://www.forocreativo.net/ipb/index.php?showtopic=10459</a>



Espero te sirva de algo

 

Ya habia leido tu tutorial y es muy bueno, pero sigo sin encontrar respuesta.

en tu tutorial le has dado a tu div "contenedor" un height:545px lo que hace que te pinte el background ese alto, pero que pasa si le pones un height de 100%?
si tu div contenedor no tiene contenido no te lo pinta que ese es mi problema.

en el "contenedor" tengo un div con contenido de la base de datos y este como tiene unos 15 registros me lo hace mucho mas largo que mi div "menu" que esta en el mismo div "contenedor" (osea hermanos) por lo q si el "menu" no alcanza el alto de "contenido" el "contenedor" se queda de color de fondo de la pagina, haciendo que haya un agujero debajo del menu.

si visitas mi web lo veras, si miras debajo del menu veras q esta pintado del color de fondo y yo quiero q sea blanco del color del "contenedor"

<a href="http://haciendoblogin.shinranet.com/nuevo/prueba2.php" target="_blank">http://haciendoblogin.shinranet.com/nuevo/prueba2.php</a>

otra curiosidad que he encontrado, es que al añadir un formulario me hace el div mas grande independientemente de sus medidas width y height y no se como arreglarlos, al final he tenido que poner una tabla pero es un apaño un poco "cutre" si se quiere usar css.


Si me hechas un cable te lo agradecere, si quieres te puedo mandar el codigo para q lo veas. Muchas gracias por haberme contestado

 

Y porque no pones el div de menu dentro del div contenedor? Y a ese contenedor le das de fondo color blanco... Quedaría algo como:

Contenedor
| texto | Menu|
termina Contenedor

Lo de los formularios debería arreglarse si al css le pones esto:
form, input, textarea { margin: 0; }

Lo del email que debería quedar en el pie, prueba ponerlo dentro de un div con un width de 100%.

Y lo de centrar todos los divs, deberias hacer un div con text-align: center; y dentro de este div poner todos los otros divs pero a estos otros tienes que ponerles que el text-align es left, porque sino te les centra el contenido de estos.

Yo ordenaría así:

div id=center (que tiene el text-align: center)

div id=cabecera
termina div cabecera

div id=barra-navegacion
termina div barra-navegacion

div id=anuncios
termina div anuncios

div id=contenedor

div id=texto
termina div texto

div id=menu
termina div menu

termina div contendor

div id=pie (donde va el email)
termina div pie

termina div center


A ver si me di a entender

 

100% para alto no funciona.
Puedes crear una clase llamada "spacer" por ejemplo.
Basicamente esta clase es para forzar a un div que se acomode al espacio vertical que ocupe su contenido respetando la posicion del final de la ultima linea de contenido (en firefox, porque I.E. si lo usa), esta clase solo necesita el parametro clear:both; y se le aplica a un div al puro final del contenido del div o contenedor que quieres que estire verticalmente. Es como una variacion del spacer image usado por tablas para establecer un espacio vertical/horizontal para celdas vacias.

Esto no aplica a contenedores lado lado, o hermanos. No existe ese tipo de correlacion.

Existe un truco para solventar esto:

Creas un fondo (imagen) que se repita verticalmente, que tenga las divisiones columna que quieres, y este fondo se lo aplicas al contenedor padre que contiene los hermanos. A estos no les pones fondo.
El resultado es que visualmente veras columnas iguales, aunque cada contenedor hermano tenga altos diferentes. Al fin y al cabo, el contenido necesario esta, y visualmente estan presentes las columnas.

Si la pagina no tiene contenido, o muy poco, el alto de la misma se ajusta a lo poco que tiene. Si lo que deseas es que tenga mas alto, debes establecer un alto en pixels o em's. Porcentajes NO FUNCIONAN para altos.

 

al final lo he entendido, mira que me ha costado
lo del spacer me lo habias explicado en otro post pero como empiezo y dejo las cosas a medias no llegue a conseguirlo.

lo de poner una imagen de fondo en el div contenedor no me ha funcionado ya que se queda chiquitin y las columnas sobresalen del contenedor sin alterar a este. asi q al final he hecho lo del spacer y me ha funcionado, mil gracias sato!!!, soy un poco dura de mollera jejeje

muchas gracias adi por haberme contestado y ayudado.

un saludo.

 

Con todo gusto!

El mundo de CSS es muy rico una vez que lo vas dominando. Como quien dice una vez que subes la curva de aprendizaje, el resto del camino es menos empinado.

 

ginger, a veces el CSS naturalmente toma el tamaño del contenido por eso el fondo sobra o queda chico si el contenido interno es pequeño. Para obligar a que tome las medidas que le indicas debes a veces adjudicarle el display block

Aca estan recopilado algunos de los tutoriales de CSS

<a href="http://www.tallerwebmaster.com/Tutoriales-CSS-c-5.html" target="_blank">http://www.tallerwebmaster.com/Tutoriales-CSS-c-5.html</a>