28/04/2006, 04:51
| ||||
| ||||
| ¿donde está el error? Saludos, he hecho una página muy básica con un código sencillo, pero me da un problema, a la derecha aparece un trozo "extra" del fondo de la capa en Explorer, opera y firefox, además en opera aparece un espacio entre la capa central y la de abajo. Seguro que es un error muy simple pero estoy comenzando en CSS y no se cual puede ser. Se puede ver aquí http://www.xente.mundo-r.com/44039W0001/outro/tabla.htm Gracias por anticipado. |
|
28/04/2006, 05:18
| ||||
| ||||
| lo de la imagen repetida se debería solucionar si al #centro le agregás
Código:
lo de Opera se debería solucionar con margin:0background-repeat: no-repeat; o background-repeat: repeat-y (si querés que solamente se repita verticalmente) Cita: te falta cerrar el title (te olvidaste el >), y esto te puede traer complicaciones... <titleLorem ipsum dolor sit amet</title>
__________________ Pasamos tus PSD a HTML Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. - |
|
28/04/2006, 06:00
| ||||
| ||||
| Gracias por responder, he modificado lo que me has dicho pero sigue viendose mal, no se repite la imagen per ahora aparece el espacio tambien en firefox y explorer y en este se alinea a la izquierda y el texto descolocado en todos.  |
|
28/04/2006, 06:26
| ||||
| ||||
| el "espacio" no es un espacio realmente, sino que simplemente no tiene fondo. Vas a ver que hay texto, pero no lo ves porque es negro contra fondo negro. Eso es porque pusiste background-repeat: no-repeat; Si querés que se repita verticalmente, tenés que usar repeat-y. Lo del texto descolocado, me parece que es porque tenés 130px de padding de ambos lados.. te paso como es el modelo de cajas.. por lo que veo lo podés solucionar eliminando el width de #centro PD: el float:left; creo que está sobrando...
__________________ Pasamos tus PSD a HTML Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. - |
|
29/04/2006, 04:03
| ||||
| ||||
| Vas a tener que hacer lo que voy a tener que hacer yo también, hacer código para firefox y netscape y código para IE, pq a mí también se me ve distinta según el navegador, malditas incompatibilidades! Ahora tengo que buscar como hacer códigos dintintos y que reconozca el navegador... |
|
29/04/2006, 04:41
| ||||
| ||||
| lo solucioné  el problema era que no tenías definidos algunos márgenes. Cuando explícitamente no definís los márgenes, el navegador les da un valor predeterminado, que varía de navegador a navegador. Estas son las modificaciones que hice y funciona, probado en Firefox 1.5 e IE 6.
Código:
Agregar:
h1{margin:0;}
#pie p {padding-top: 27px;}
p{margin:0;}
Eliminar:
#pie p {margin-top: 27px;}
#centro {width: 689px;}
#pie{clear:both;} // en este caso no sirve de nada porque no tenés nada flotando, así que mejor es borrarlo
Cita: más que nada incompatibilidades del IE... aunque en el 95% de los casos se puede solucionar sin hacer 2 css...Vas a tener que hacer lo que voy a tener que hacer yo también, hacer código para firefox y netscape y código para IE, pq a mí también se me ve distinta según el navegador, malditas incompatibilidades! Cita: Te puede interesar leer comentarios condicionales para IE Ahora tengo que buscar como hacer códigos dintintos y que reconozca el navegador... 
__________________ Pasamos tus PSD a HTML Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. - |
