Hilfe bei CSS
Geizhals » Forum » Programmierung » Hilfe bei CSS (10 Beiträge, 116 Mal gelesen) Top-100 | Fresh-100
Du bist nicht angemeldet. [ Login/Registrieren ]
Hilfe bei CSS
18.02.2013, 14:04:41
Irgendwie stehe ich grad voll auf der Leitung mit CSS.

ich habe eine Tabelle mit einer Hintergrundfarbedefiniert.
Damit die Größe der Zeilen ansprechend ist, habe ich die td-Elemente darin folgendermaßen formatiert:  

    font-weight: bold;
    font-size: 10pt;
    font-family: Arial, Verdana, Helvetica;
    color: #000000;
    padding-top: 5px;
    padding-left: 20px;
    padding-right: 0px;
    padding-bottom: 5px;
    margin-top: 3px;
    vertical-align:middle;

Soweit so gut, passt bisher in IE und Friefox leichermaßen ideal. Der Text steht schön in der vertikalen Mitte und wenn's mal mehr zeilen sind, wird passt es auch.

Jetzt habe ich das Problem, dass ich in manche dieser Tabellen, bzw. in den td-Elementen eine Grafik einbinden muss, die etwas höher ist, als der bisherige Bereich für den Text, aber noch niedriger als die gesamte Zeile inkl. Padding.
Als Folge davon wird die Zeile vergößert, wenn ich die Grafik einfach einbinde.
Als Abhilfe habe ich es geschaftt mit den Style-Vorschriften

    display:inline-block;
    position:relative;
    margin-top:-11px;
    top:7px;
    display:inline;
    zoom:1;

im IE die Grafik über den padding-Bereich zu verschieben. Nur im FF funktioniert das damit nicht.
Liegt das Problem am Box-Modell des IE oder wie. Steh grad komplett auf der Leitung.



emefge
Infosauger
_____________________________________________________________________________

Weil die Lichtgeschwindigkeit höher als die Schallgeschwindigkeit ist, hält man viele Leute für helle Köpfe bis man sie reden hört.

"Bekomme ich bei Ihnen so einen ganz kleinen Lötkolben zum CPU reparieren?"

Wieso Realität? Ich hab doch verdammt noch mal was Besseres zu tun!



Antworten PM Alle Chronologisch
 
Melden nicht möglich
.  Re: Hilfe bei CSS  (hellbringer am 18.02.2013, 14:10:02)
..  Re(2): Hilfe bei CSS  (Infosauger am 18.02.2013, 14:25:37)
.  Re: Hilfe bei CSS  (m3xx am 18.02.2013, 15:20:25)
..  Re(2): Hilfe bei CSS  (Infosauger am 18.02.2013, 15:39:35)
...  Re(3): Hilfe bei CSS  (m3xx am 18.02.2013, 15:45:45)
....  Re(4): Hilfe bei CSS  (Infosauger am 18.02.2013, 16:08:23)
.....  Re(5): Hilfe bei CSS  (m3xx am 18.02.2013, 18:58:44)
 

Dieses Forum ist eine frei zugängliche Diskussionsplattform.
Der Betreiber übernimmt keine Verantwortung für den Inhalt der Beiträge und behält sich das Recht vor, Beiträge mit rechtswidrigem oder anstößigem Inhalt zu löschen.
Datenschutzerklärung