|
|||
abgerundete Ecken FF<>IE
Hallo,
mein Script liefert unterschiedliche Ergebnisse bei den leeren Kästchen im IE (ok) und FF (nicht ok). Meine Recherchen haben nichts ergeben und so hoffe ich nun hier eine Hilfe zu bekommen. Hier mein CSS Code:
td.abholung, td.anlieferung, td.noabholung, td.noanlieferung { border:1px #ffffff solid; font-size: <? echo $_SESSION["schrift"]+4; ?>px; padding:6px; margin:6px; border-radius: 20px; } td.abholung { background-color:#00B050; color:#fff; } td.anlieferung { background-color:#0070C0; color:#fff; } td.noabholung { background-color:#ffffff; color:#000; border:3px #00B050 solid; } td.noanlieferung { background-color:#ffffff; color:#000; border:3px #0070C0 solid; } PHP-Code:
Anzeige im FF: Herzlichen Dank für eure Tipps itsme |
Sponsored Links |
|
|||
gerne
HTML-Code:
<tr> <td class="weg"><a href="#F" class="sprung"><table class="noborder"> <tr><td class="tab3">F</td></tr> <tr><td class="noabholung"> </td></tr> <tr><td class="noanlieferung"> </td></tr> </table></a></td> <td class="prod"> </td> <td class="prod"> </td> <td class="prod"> </td> <td class="prod"> </td> <td class="weg"><a href="#A" class="sprung"><table class="noborder"> <tr><td class="tab3">A</td></tr> <tr><td class="abholung">Abholung [3]</td></tr> <tr><td class="anlieferung">Anlieferung [4]</td></tr> </table></a></td> <td class="weg"> </td> </tr> Code:
td.abholung, td.anlieferung, td.noabholung, td.noanlieferung { border:1px #ffffff solid; font-size: 16px; padding:6px; margin:6px; border-radius: 20px; } td.abholung { background-color:#00B050; color:#fff; } td.anlieferung { background-color:#0070C0; color:#fff; } td.noabholung { background-color:#ffffff; color:#000; border:3px #00B050 solid; } td.noanlieferung { background-color:#ffffff; color:#000; border:3px #0070C0 solid; } |
|
|||
Geht es darum, dass der border abgerundet ist?
Ich weiß nicht in was für Browser-Versionen du es testest, aber vielleicht ist es in deinem Fall notwendig die prefixes dazu zu schreiben. Beispiel: Code:
border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; |
|
|||
Es kann vielleicht auch sein dass border-radius bei Tabellenzellen generell nicht funktioniert. Also einige Browser machen das, einige nicht.
Falls das zutrifft, musst du dein HTML vielleicht umbauen und mit divs o.ä. arbeiten. Oder du gibst den betroffenen Zellen ein display: block bzw. display: inline-block |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
abgerundete ecken - problem: außenabstand nach rechts | marc0o | CSS | 2 | 09.08.2011 23:05 |
Abgerundete Ecken: Hover Problem | Danto | CSS | 1 | 17.03.2010 12:00 |
css abgerundete Ecken Problem mit Safari | -=ED=- | CSS | 2 | 09.03.2009 16:10 |
abgerundete ecken? | celine@23 | CSS | 1 | 07.02.2007 10:23 |
abgerundete ecken als hintergrund in css menü | gollib | CSS | 3 | 18.07.2006 01:44 |