[haxor]

Hallo ich habe mal wieder eine Frage,
da ich jetzt schon einige Probleme selber lösen konnte und ich jetzt auch schon mit Firebug den Code des Themes durchgegangen bin konnte ich jetzt die Problemstellen finden.

Nun zum Problem:
Ich habe das Problem das IE,Safari und Chrome die height einer bestimmten Stelle anderst interpretieren als Firefox und Opera. Nun gibt es die Möglichkeit dies mit einem CSS Hack zu lösen allerdings finde ich diese Lösung nicht sehr elegant und da diese CSS Hacks sehr Browserabhängig sind auch etwas Unhandlich. Da wollte ich euch fragen ob es da noch eine andere Möglichkeit gibt das diese height in allen Browsern gleich interpretiert wird.

Hier die entsprechenden Code Zeilen:
(Siehe Bild)

#1

Code:

.thead {
    background: #040404 url(images/blackbb/changes/thead_bg.gif) top left repeat-x;
    color: #ffffff;
    height: 28px;
}

#2

Code:

.tcat {
    background: #121212 url(images/blackbb/changes/tcat_bg.gif) top left repeat-x;
    color: #ffffff;
    height: 28px;
    border-top: 1px solid #1e1e1e;
    font-size: 12px;
}

Es gäbe auch die Möglichkeit das ich height auf auto stelle dann wäre das Ergebnis in jedem Browser gleich allerdings wird die Hintergrundgrafik dann nicht mehr vollständig angezeigt.

[Mak]

Das kann nicht sein, 28px werden von jedem Browser als 28px dargestellt. Kann es sein, dass du in dem .thead irgendein Element hast, das höher ist als 28px?

[ows]

Nur so eine Idee ... versuch´s mal mit

Code:

height: 28px !important;

[haxor]

@Mak nicht das ich wüsste

@en-gedi klappt leider nicht



Ich glaube aber zu wissen was das Problem ist wenn ich hight weiter runter drehe passte es plötzlich in IE,Chrome,Safari aber in Firefox und Opera nicht mehr. das heißt die Grafiken werden womöglich kleiner dargestellt als in Firefox. Aber leider bringt mich diese Erkenntnis nicht viel weiter.

[ows]

Irgendwo hat´s da vermutlich noch einen kleinen Fehler, der mir aber jetzt auf Schnelle nicht auffallen will

Was aber auffällt ist, dass du an mehreren Stellen im Code 2 CSS-Klassen mit einem Semikolon trennst:

Code:

<td class="trow1; trow3"

Dieses ist nicht notwendig; kann auch sein, dass gerade das den Fehler verursacht.

[Marti95.]

dan mach zu den grafiken noch ein height

<img height="28px" src="...">

oder

img {

}

[haxor]

@en-gedi im Code von dem XHTML Checker sehe ich diese Zeile, allerdings in meinem Orginal Code existiert so etwas nicht ^^

@Marti95. verstehe nicht ganz wie du das meinst in der css ist ja schon eine height angegeben (es ist eine Hintergrundgrafik).



Edit: Da ich keine Lust habe einen invaliden CSS Hack einzubauen werde ich jetzt die height auf auto stellen und die Hintergrundgrafiken anpassen.