Fecha pegado al contenido

[djhans]

Hola amigos estoy modificando mi blog y la fecha lo estoy ubicando al borde del contenido del blog. Tengo un problema con la ubicación de la fecha, es que cuando se visualiza en otra PC que tiene menor resolución la fecha se mueve y tapa parte del contenido. Me gustaría saber como hacer para que le fecha quede al borde del contenido igual en cualquier resolución.

Estoy usando el siguiente CSS para mi fecha:

Código:

<style type="text/css">

div.datetime{float:right;width:
100px;height:70px;margin:0
10px 10px 10;background:url(/img/imgblog.png) no-repeat 

center center;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='str.png', sizingMethod = 'crop');_background:none}
p.day-word{display:none}
p.day{padding-top:2px;font-size:15px;position: absolute;left: 15px;line-height:40px;color:black;}
p.mon{padding-top:2px;font-size:10px;position: absolute;left: 15px;line-height:70px; color:black;}

</style>


<style type="text/css">

 div.datetime{
position: absolute;
left: 174px;
}

</style>

Gracias

[SPAWN3000]

Ese es el problema de trabajar con px, por ello en algunos casos los diseñadores escogen em en el atributo de font-size, que en mi concepto es mejor practica(No soy diseñador). La razon: los em son escalables mientras que los px son fijos... Espero esto solucione tu rpoblema.

Saludos,

[cristian_cena]

Hola djhans, algunas observaciones:

• Estas asignando float:left y position:absolute; a div.datetime debes hacer una cosa o la otra, nunca ambas sobre el mismo elemento.
• No uses hacks, usa comentarios condicionales u alguna opcion mas avanzada (recientemente tratamos el tema, podras encontrarlo usando el buscador del foro)
• No tenemos modo de saber que relacion tiene div.datatime con p.day-word, p.day y p.mon, ni si hay algun otro elemento por ahi dando vueltas, ya que no nos pasaste el html.
• No veo la relacion entre este problema y usar em, el problema es estructural y en la estructura la mayoría de las veces se usa el píxel junto a max-width, min-width y/o media-queries.

Saludos.