XHTMLforum - Titel wird im IE abgeschnitten

XHTMLforum (http://xhtmlforum.de/index.php)

- CSS (http://xhtmlforum.de/forumdisplay.php?f=73)

- - Titel wird im IE abgeschnitten (http://xhtmlforum.de/showthread.php?t=59133)

Titel wird im IE abgeschnitten

Hallo miteinander!

Wieder einmal stehe ich vor einem äusserst seltsamen Problem: Ich habe mehrere div-Blöcke, in einem davon soll ein grosser Titel in 34px angezeigt werden. So weit, so einfach. Aber: in IE7 wird der Titel unten abgeschnitten, während FF alles korrekt anzeigt (siehe Screenshots). Wenn ich den Font-Size kleiner mache, erscheint der Titel auch im IE vollständig, es scheint also so, als würde der Titel von irgendwas überlagert - ich hab aber echt keinen Plan, von was.

HTML-Code:

<div id="title_text">abgeschnittener Titel</div>

<div id="title_corner"><img src="../../corner.gif" width="46" height="65" /></div>

Code:

#title_text {

        background-color:#f18e00;

        float:left;

        height:41px;

        padding: 24px 0px 0px 20px;

        font-size:34px;

        font-weight:bold;

        color:#FFF;

}

#title_corner {

        height:65px;

        float:left;

}

Hat irgendjemand eine Idee, wo das Problem liegt? Vielen Dank für Eure Hilfe!

Beste Grüsse,
Dude

Das wird vermutlich am padding-top liegen. Nimm dieses padding raus und
nimm doch line-height in Höhe der divbox (41px) um das vertikal zu zentrieren.

Davon abgesehen ist dein Konstrukt unnötig kompliziert. Einfacher wäre es nur EINE Box zu nehmen, das Bild als Hintergrundbild rechts (top right) einzubinden. Zwei floats und mögliche Fehlerquellen erspart...

Hi andir

Sorry, dass ich erst heute antworte, war anderweitig beschäftigt und kam erst jetzt dazu, Deinen Code auszutesten.

Was soll ich sagen ... auch auf die Gefahr hin, mich zu wiederholen: Du bist der Beste! Klappt nun alles sauber, einfach perfekt.

Heissen Dank für Deine wiederholte kompetente Hilfestellung!

Beste Grüsse,
Dude

Lob höre ich immer gern :mrgreen:

auch wenns nicht stimmt :p