coraz szerokość elementu 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; 


} 

jaki sposób mogę określić rozmiar w pikselach/EMS że element div sobą tak, że mogę zrobić tło image postad.gif mieć taką samą szerokość?

Dla jasności nie chcę dynamicznie określać szerokości, ale chcę tylko wiedzieć, ile zajmuje miejsca, aby móc narysować obraz tła w PS.

Answer 1

Jeśli jesteś zainteresowany mierząc szerokość elementu na stronie, można użyć go zmierzyć na dodatek Firefox:

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

Answer 2

Jeśli jesteś komfortowe z jQuery, można po prostu użyć $ ("#postanad"). width().

Answer 3

CSS nie jest "językiem programowania". Nie można tak naprawdę podejmować decyzji, gromadzić danych ani manipulować czymkolwiek, do czego nie został stworzony język. Jeśli chcesz to zrobić, javascript jest twoim najlepszym wyborem.

Co dokładnie chcesz robić z tłem? Możemy być w stanie pomóc Ci uzyskać rozwiązanie tylko CSS, jeśli znamy twoje wymagania.

Answer 4

Czy przedmiotowy div jest dynamicznie przerysowywany? Bo jeśli nie, najłatwiej jest ustawić wysokość i szerokość w stylu #header #postanad.

Answer 5

Sposób jQuery, taki jak @ orthod0ks powiedziałby, że użyłby funkcji width(). Sposób CSS byłoby zadeklarować width i height

OR, innym sposobem CSS byłoby:

Można również umieścić tło na div (jak background: red;), zrzut ekranu i wkleić do PS, aby zobaczyć, jak duży jest.

Wreszcie, Firefox ma wtyczkę o nazwie (MeasureIt). Jest to przydatne do określania rozmiarów rzeczy pod względem pikseli. Powinieneś więc sprawdzić, czy oba rozwiązania nie są dla ciebie opłacalne.

Powodzenia!