Seem: em GRößen sauber angeben?

Hallo,

ich habe ein relaties Größenproblem. Ich habe das komplette Layout mit absoluten Pixelangaben umgesetzt und soll jetzt an einer Stelle Strg+ tauglich mittels "em" werden. Leider kenne ich mich in diesem Bereich kaum aus....

Es geht um zwei divs, die als Überschriftenzeile eingebunden sind.
#caption_box
{position: relative; background: url(pictures/bg_top2.gif); width: 225px; height: 1.7em; margin-bottom: 20px;}

#caption_text
{position: absolute; left: 29px; height: 100%; min-width: 69px; float: left; background-color: #0B2A51; text-align: center; color: #FFFFFF;}

Caption_text steckt in caption_box und soll sauber mitwachsen.

Ich habe es schon soweit abgewandelt, dass die Größenwanderung passt, aber leider bekomme ich den Text im inneren div nicht mehr sauber positioniert. Dafür habe ich das über folgendens padding gelöst:
padding: 2px 3px 3px 3px;

Das zerhaut dann aber wieder das ganze Layout.

  1. hi,

    Es geht um zwei divs, die als Überschriftenzeile eingebunden sind.

    Klingt nach Unfug.
    Warum sind Überschriften nicht durch <hX> ausgezeichnet?
    Das solltest du ausbessern.

    Caption_text steckt in caption_box und soll sauber mitwachsen.

    Definiere bitte "sauber mitwachsen".

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }
  2. Hi,

    Caption_text steckt in caption_box und soll sauber mitwachsen.

    handelt es sich um eine einzige Textzeile? Dann verwende line-height statt height.

    freundliche Grüße
    Ingo