✔ Text in Tabelle im IE abgeschnitten

[outsidaa]

Hallo,

auf einer meiner Seiten wird der Text in Tabellen abgeschnitten.
Es handelt sich um eine Coppermine Bildergalerie.

http://image4you.in/thumbnails.php?album=14

zum Beispiel bei den Überschriften

"Galerie > Travel > Snowboarding Karpac 2007"

und

"Snowboarding Karpac 2007"

werden das p und das g unten abgeschnitten.
Habe schon ein wenig rumprobiert. Im Firefox wird es gut dargestellt, im IE leider nicht.
Hat jemand eine Idee was ich im CSS umstellen muss?

Liebe Grüße

Adam

 

[Maik]

Hi,

das ist wohl ein "Zusammenspiel" der folgenden Deklarationen, dass der IE7 das "g" und "p" unten abschneidet:

h2 { color: #bd934f; font-size: 1.25em; margin: 0; padding: 1px 0; display:inline; border-bottom: 1px solid #35302a; }

.alblink {
                color:#4C4A2F;
            font-size:12px;
            font-family:tahoma, arial, Microsoft Sans Serif;
            font-weight:bold;
        display: block;
}

So taucht der Fehler bei mir nicht mehr auf:

h2 { color: #bd934f; font-size: 1.25em; margin: 0; padding: 2px 0; float:left; border-bottom: 1px solid #35302a; }

.alblink {
                color:#4C4A2F;
            /*font-size:12px;*/
            font-family:tahoma, arial, Microsoft Sans Serif;
            font-weight:bold;
        display: block;
}

 

[outsidaa]

Danke, das war das was ich gesucht habe. Das float:left ist nicht nötig gewesen.
Aber das display:inline war zu viel.

Danke noch mal...

 

[Maik]

Das float:left ist nicht nötig gewesen.
Aber das display:inline war zu viel.

Danke noch mal...

Gern geschehen

Die float:left-Deklaration diente dazu, damit der untere Rahmen sich nur auf die Zeichenlänge des h2-Elements beschränkt, eben wie bei display:inline, und ich hab mich da einfach nur an die Vorlage gehalten