zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden abgerundete Ecken FF<>IE

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 12.01.2017, 16:22
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 12.01.2017
Beiträge: 4
itsme befindet sich auf einem aufstrebenden Ast
Standard 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:
    $txtHS[$H]='<a href="#'$H '" class="sprung"><table class="noborder">
        <tr><td class="tab3">'
.$H.'</td></tr>
        <tr><td class="'
.(($ab>0)?'':'no').'abholung">'.(($ab>0)?'Abholung ['.$ab.']'str_repeat("&nbsp;",20)).'</td></tr>
        <tr><td class="'
.(($an>0)?'':'no').'anlieferung">'.(($an>0)?'Anlieferung ['.$an.']'str_repeat("&nbsp;",20)).'</td></tr>
    </table></a>'

Anzeige im IE (so soll es auch aussehen):

Anzeige im FF:


Herzlichen Dank für eure Tipps

itsme
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 12.01.2017, 16:29
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.247
cloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblick
Standard

Dein PHP code ist uninteressant, kannst du den generierten HTML + CSS Code zeigen? Das würde das Helfen deutlich vereinfachen.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 12.01.2017, 16:36
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 12.01.2017
Beiträge: 4
itsme befindet sich auf einem aufstrebenden Ast
Standard 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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td></tr>
		<tr><td class="noanlieferung">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td></tr>
	</table></a></td>
    <td class="prod">&nbsp;</td>
    <td class="prod">&nbsp;</td>
    <td class="prod">&nbsp;</td>
    <td class="prod">&nbsp;</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">&nbsp;</td>
    </tr>
CSS ist jetzt nicht sehr anders als vorher. Ich habe natürlich noch Unmengen an weiterem CSS, was aber für das Problem wohl nicht relevant ist.

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; }
Mit Zitat antworten
  #4 (permalink)  
Alt 12.01.2017, 17:06
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 02.01.2012
Beiträge: 487
dazzle89 wird schon bald berühmt werden
Standard

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;
Mit Zitat antworten
  #5 (permalink)  
Alt 12.01.2017, 17:10
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 12.01.2017
Beiträge: 4
itsme befindet sich auf einem aufstrebenden Ast
Standard

Das mit dem Präfix hat auch nichts gebracht. Mit und ohne ist es das selbe Ergebnis.
Auch border-collapse: collapse habe ich bedacht.
Mit Zitat antworten
  #6 (permalink)  
Alt 12.01.2017, 17:18
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 02.01.2012
Beiträge: 487
dazzle89 wird schon bald berühmt werden
Standard

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
Mit Zitat antworten
  #7 (permalink)  
Alt 12.01.2017, 17:23
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 12.01.2017
Beiträge: 4
itsme befindet sich auf einem aufstrebenden Ast
Standard Danke...

... das hat geholfen. Beide Varianten funktionieren.

Merci nochmals
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:49 Uhr.