HTML:
%Vor%CSS:
%Vor%Wie ermittle ich die Größe in Pixeln / Ems, die das div-Element nimmt, damit ich das Hintergrundbild postad.gif auf die gleiche Breite bringen kann?
Nur um klar zu sein, ich möchte nicht die Breite dynamisch bestimmen, sondern nur wissen, wie viel Platz es braucht, um ein Hintergrundbild in PS zu zeichnen.
CSS ist keine Programmiersprache. Sie können nicht wirklich Entscheidungen treffen, Daten sammeln oder etwas manipulieren, für das die Sprache nicht entwickelt wurde. Wenn Sie das tun möchten, ist Javascript die beste Wahl.
Was genau wollen Sie mit dem Hintergrund passieren? Wir können Ihnen vielleicht helfen, eine CSS-Lösung zu bekommen, wenn wir Ihre Anforderungen kennen.
Wird das fragliche div dynamisch neu gezeichnet? Wenn nicht, ist es am einfachsten, die Höhe und Breite im Stil #header #postanad festzulegen.
Der jQuery-Weg, wie @orthod0ks sagte, wäre die Verwendung der width () -Funktion.
Der CSS-Weg wäre, eine width
und height
ODER, ein anderer CSS-Weg wäre:
Du kannst auch einen Hintergrund auf das div setzen (wie background: red;
), einen Screenshot machen und in PS einfügen, 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. Also sollten Sie das untersuchen, wenn beide Lösungen für Sie nicht realisierbar sind.
Viel Glück!