conseguir ancho de un elemento div

Question

HTML:

<a id="postanad" href="postad.php">Make a Post</a> 

CSS:

#header #postanad { 
    position: absolute; 
    top: 50px; 
    left: 250px ; 
    background: #000 url(postad.gif) repeat-x 0% 100%;  
    font: bold 19px Tahoma, 'trebuchet MS', Sans-serif; 
    padding: 5px; 


} 

¿Cómo se determina el tamaño en píxeles/EMS que el elemento div está tomando para que pueda hacer el fondo imagen postad.gif para ser del mismo ancho?

Para que quede claro, no quiero determinar el ancho de forma dinámica, sino solo quiero saber cuánto espacio está tomando para poder dibujar una imagen de fondo en PS.

Answer 1

Si usted está interesado en medir el ancho de un elemento en una página puede utilizar medirlo complemento en Firefox:

https://addons.mozilla.org/en-US/firefox/addon/539/

Answer 2

Si se siente cómodo con jQuery, sólo puede utilizar $ ("#postanad"). width().

Answer 3

CSS no es un 'lenguaje de programación'. Realmente no puede tomar decisiones, recopilar datos ni manipular nada para lo que el lenguaje no estaba diseñado. Si quieres hacer eso, javascript es tu mejor opción.

¿Qué es exactamente lo que quiere que suceda con el fondo? Es posible que podamos ayudarlo a obtener una solución solo de CSS si conocemos sus requisitos.

Answer 4

¿Se está redibujando dinámicamente el div en cuestión? Porque si no, lo más fácil es establecer el alto y el ancho en el estilo #header #postanad.

Answer 5

La forma jQuery, como @ orthod0ks dijo que sería usar la función width(). La forma CSS sería declarar un width y height

O, de otra manera CSS sería:

También se puede poner un fondo en el div (como background: red;), tomar una captura de pantalla, y pegar en PD para ver qué tan grande es.

Por último, Firefox tiene un complemento llamado (MeasureIt). Es bastante útil para determinar el tamaño de las cosas en términos de píxeles. Por lo tanto, debe considerar eso si las dos soluciones no son viables para usted.

¡Buena suerte!