bekommen Breite eines div-Elements

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; 


} 

Wie bestimme ich die Größe in Pixel/ems, dass das div-Element nimmt, so dass ich den Hintergrund machen kann image postad.gif gleich breit sein?

Nur um klar zu sein möchte ich nicht die Breite dynamisch bestimmen, sondern möchte nur wissen, wie viel Platz es dauert, so dass ich ein Hintergrundbild in PS zeichnen kann.

Answer 1

Wenn Sie bei der Messung der Breite eines Elements auf einer Seite interessiert sind, können Sie es verwenden, Add-on auf Firefox Maßnahme:

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

Answer 2

Wenn Sie mit jQuery vertraut sind, können Sie einfach $ verwenden ("#postanad"). width().

Answer 3

CSS ist keine Programmiersprache. Sie können nicht wirklich Entscheidungen treffen, Daten sammeln oder irgendetwas manipulieren, für das die Sprache nicht entwickelt wurde. Wenn Sie das wollen, ist Javascript die beste Wahl.

Was genau wollen Sie mit dem Hintergrund geschehen? Wir können Ihnen möglicherweise helfen, eine CSS-Lösung zu erhalten, wenn wir Ihre Anforderungen kennen.

Answer 4

Wird das betreffende div dynamisch neu gezeichnet? Wenn nicht, ist es am einfachsten, die Höhe und Breite im Stil #header #postanad festzulegen.

Answer 5

Der jQuery-Weg, wie @orthod0ks sagte, wäre, die width() -Funktion zu verwenden. Die CSS Art und Weise zu erklären, wäre eine width und height

OR, eine andere CSS Weg wäre,: auch

Sie einen Hintergrund auf dem div setzen können (wie background: red;), einen Screenshot und fügen Sie ihn in PS um zu sehen, wie groß es ist.

Schließlich hat Firefox ein Plugin namens (MeasureIt). Es ist eher nützlich, um Größen von Dingen in Bezug auf Pixel zu bestimmen. Sie sollten das also prüfen, wenn beide Lösungen für Sie nicht realisierbar sind.

Viel Glück!