Margen superior en Dreamweaver 8

[jabi]

Buenas!

Estoy comenzando a diseñar webs en Macromedia Dreamweaver 8 y al hacer una página html sencillita me he encontrado con diferencias al visualizar la página html en IE o en FF, con IE me aparece tal y como lo he diseñado y en FF me aparece arriba del todo un espacio que en el diseño no he metido por ningún lado. Por lo que tengo entendido realmente quien muestra bien la página es FF pero me gustaría que apareciera en este caso tal y como lo muestra IE (que es como lo he diseñado)

El "margin-top" lo he puesto a 0px (Top margin en Propiedades de la página) y ésto hace que en ambos navegadores la primera línea (he puesto la fecha) aparezca pegada arriba, hasta aquí bien en ambos; el problema es que la siguiente línea ya aparece demasiado abajo en FF, quedando un tanto "desordenado" y provocando que haya que usar la barra de desplazamiento vertical...

A ver si alguien me puede ayudar a visualizarla también correctamente en FF, si falta alguna propiedad para dicho navegador o qué ocurre.

Muchas gracias de antemano a quien pueda ayudarme

[juaniquillo]

sipones el codigo o un link de tu pagina tepodemos ayudar mejor. no sabremos que recomendarte si no sabemos que tienes primero.

[jabi]

No indiqué nada porque pensé que sería algo común ésto de las diferencias IE-FF y tendría rápida solución, pequé de novato

He colgado la página en lycos para que la podáis ver, si os fijáis justo debajo de la fecha (arriba del todo a la derecha, debajo de la publi) aparece el título "La Música", como una marquesina, pues bien, la distancia entre dicha fecha y el citado título es lo que varía de un navegador a otro, siendo demasiado grande en FF =/

Código PHP:

  hachetetepe://usuarios.lycos.es/jabii/ 
   

(No pongo http porque no tengo aún 30 mensajes y no deja)

A ver si me podéis echar un cable, gracias por responder!

[juaniquillo]

es el padding que tiene la etiqueta <p> por defecto en cada navegador. Puedes incluir este estilo el cual quita los paddings y margins de los parrafos:

Código HTML:

p {
	padding-right: 0px;
	padding-left: 0px;
}

esto quitara los espacios de los parrafos.

[jabi]

¿Te refieres a que cada navegador viene con una etiqueda <p> con valores para el padding distintos por defecto, no? ¿qué es el padding? si me haces el favor de explicármelo te lo agradecería jeje :)

He probado a añadir ese estilo y lamentablemente el resultado es el mismo, ¿a qué puede deberse? lo he puesto justo debajo del estilo del body...

Muchas gracias.

[juaniquillo]

lo que digo es que cada navegador le da una apariencia distinta al tag <p>, unos les dan mas espacio que otro. Pero si ese no es el problema pues no se que sera. Voy a hacer unas pruebas y te digo.

[jabi]

Ok juaniquillo, ahora te he entendido mejor, a ver si hay suerte

Muchas gracias de nuevo!

[jabi]

Buscando por ahí información sobre CSS he logrado dejarlo más o menos como quería, ahora ya el espacio superior e inferior entre distintos elementos es siempre el mismo tanto en IE como FF. He usado la propiedad margin así:

Código HTML:

p{
	margin: 15px 20px 15px;
}

En este caso concreto le he puesto 15 px para margin-top y margin-bottom y de esta forma ha quedado como quería, sino fuera por la publi de lycos ya se vería todo sin necesidad de utilizar las barras verticales del explorador

Gracias de nuevo juaniquillo por enseñarme el camino.