No funciona Margin-top de div anidado si el div padre no tiene border-top?

[minombreesmm]

miren aqui les dejo la pagina.
estoy haciendo una plantilla a partir de las medidas del psd.

http://comwebsis.xtrweb.com/MyPlantilla/index.html
pueden ver la imagen original de la plantilla que debo dejar igual en el panel izquierdo de menus donde dice ver imagen..
o bien aqui se las dejo

este texto
"My really fun trip to southern Virginia!
these photos were taken with my iphone. I wanted you all to see how beautiful it was on the sceni route that we took there"

son dos divs uno para titulo y otro para la pequeña descripcion y estan dentro de un div contenedor(div hijo) del div grande que es el que tiene borde azul arriba(div padre).

si le quito el border-top: 1px solid #blue; al div padre entonces
no funciona el margin-top: 82px; del div hijo y lo lanza hacia arriba.
si no se lo quiton lo deja como en la imagen.

la pregunta es
para que funcione esa propiedad es necesario que haya un borde?
es como un punto de apoyo?
o debe ser otra cosa mas?
tengo ya 7 horas realizando esta plantilla..
poco a poco y me he topado con esto. no es problema solo le pongo el borde. pero la plantilla en la imagen no se ve que tenga borde y debe estar igualita.
algun consejo?
de antemano gracias...!

[pitufoweb]

Hola,

También puedes arreglarlo con un padding top de 1 px.

#galeriafeaturedgallerys{
padding-top: 1px;
}


No me preguntes por que pasa eso... Es un poco complicado de explicar, pero es algo normal.





Saludos

[Triby]

No es que el div hijo se vaya hacia arriba, sino que, habiendo margen sin relleno (padding), ni borde en el padre, deja el espacio vacío, sin mostrar siquiera el fondo.

Otra opción es que el div hijo tenga un padding-top en lugar de margin-top.

[minombreesmm]

Muchas gracias me sirvio, como me quedo??
misma url solo esta diferencia
Carpeta=elcurso;
ponga la misma url solo sustituya http://comwebsis.xtrweb.com/Carpeta/index.html

[pitufoweb]

Iniciado por minombreesmm

Muchas gracias me sirvio, como me quedo??

Iniciado por minombreesmm

debe estar igualita.

Hola,

Si la miras detenidamente, notaras que hay varias cosas que no se ven como en la imagen...Pero en general, se ve bien.

También el código se podría mejorar...pero bueno, eso ya seria otro cuento.




Saludos

[minombreesmm]

Iniciado por pitufoweb

Hola,

Si la miras detenidamente, notaras que hay varias cosas que no se ven como en la imagen...Pero en general, se ve bien.

También el código se podría mejorar...pero bueno, eso ya seria otro cuento.




Saludos

si lo se no se ve igualita, y eso que estuve tomando las medidas precisas de la imagen en el photoshop, sin embargo hubo varias cosas que no quedaron iguales..
bueno... el profesor me dijo que no la hiciera por que estaba muy difícil.
y bueno como ya llevo tiempo aprendiendo solo la hice ayer.
el caso es que la idea es hacerlo igual a la imagen.
te refieres a mejorar el codigo css omitiendo algunas reglas que por default se acomodan con alguna otra capa o algo asi?
y bien el detalle de esta es que no se acopla tanto a la pantalla... tiene un tamaño fijo.
solo que a veces los porcentajes distorsionan un poco la vista..