Ergebnis 1 bis 12 von 12
  1. #1
    Avatar von mikdoe
    mikdoe ist offline Administrator
    registriert
    01-05-2010
    Beiträge
    7.731

    Problem mit border-radius

    Ich stehe gerade wieder auf der Leitung.
    Meine Browser haben auf der Seite Tryit Editor v1.6 kein Problem, runde Ecken darzustellen.
    Wenn ich aber in meinem Projekt der Tabelle das border-radius:100px; hinzufüge bekommt die Tabelle keine runden Ecken.
    Muss ich da irgendwas generelles noch beachten?

  2. #2
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.714

    AW: Problem mit border-radius

    Was heißt genau "meine Browser"?
    Hast du eine gescheite DocType?
    Minimalbeispiel?

  3. #3
    teldri ist offline Eroberer
    registriert
    31-01-2008
    Beiträge
    69

    AW: Problem mit border-radius

    Interessant...selbst ohne Doctype und sogar wenn ich AUSSCHLIEßLICH den unten stehenden code in eine HTML Datei kopiere, wird bei mir der Border-radius angezeigt.

    Code:
    <table style="border-radius:20px; width:100px; height:100px; background-color:blue;">
    		<tr>
    			<td>zeile 1 spalte 1</td><td>zeile 1 spalte 2</td>
    		</tr>
    		<tr>
    			<td>zeile 2 spalte 1</td><td>zeile 2 spalte 2</td>
    		</tr>
    	</table>

  4. #4
    dertypdernixkan ist offline Tripel-As
    registriert
    31-05-2013
    Beiträge
    194

    AW: Problem mit border-radius

    Zitat Zitat von mikdoe Beitrag anzeigen
    Muss ich da irgendwas generelles noch beachten?
    Wie schreibst Du denn den CSS-Code? Ausgelagert? Und welcher Browser ist das? Hast Du an das Präfix gedacht? -moz- -webkit- -ms- -o-? Im extremfall verpass der Tabelle eine id oder class, nutze die Präfixes und setz -wenn es noch immer nciht geht- ein !important hintenan.

  5. #5
    ein schlauer ist offline Lounge-Member
    registriert
    18-08-2004
    Beiträge
    14.671

    AW: Problem mit border-radius

    Zitat Zitat von mikdoe Beitrag anzeigen
    Ich stehe gerade wieder auf der Leitung.
    Meine Browser haben auf der Seite Tryit Editor v1.6 kein Problem, runde Ecken darzustellen.
    Wenn ich aber in meinem Projekt der Tabelle das border-radius:100px; hinzufüge bekommt die Tabelle keine runden Ecken.
    Muss ich da irgendwas generelles noch beachten?
    Ja, schau mal in die Fehlerkonsole dort werden auch CSS Fehler angezeigt.

  6. #6
    Avatar von mikdoe
    mikdoe ist offline Administrator
    registriert
    01-05-2010
    Beiträge
    7.731

    AW: Problem mit border-radius

    Diesen Thread hab ich ja ganz vergessen. Wie hatte ich das denn gelöst?
    Moment, ich schaue.

    Ich weiß nicht mehr, was falsch war damals.
    Hab jetzt
    HTML-Code:
    box.style.borderRadius = '10px';
    drin, die Box wird per JS gebaut. Das funktioniert wunderbar.

  7. #7
    ein schlauer ist offline Lounge-Member
    registriert
    18-08-2004
    Beiträge
    14.671

    AW: Problem mit border-radius

    auch ohne JS funktioniert das wunderbar.

  8. #8
    Avatar von mikdoe
    mikdoe ist offline Administrator
    registriert
    01-05-2010
    Beiträge
    7.731

    AW: Problem mit border-radius

    Zitat Zitat von ein schlauer Beitrag anzeigen
    auch ohne JS funktioniert das wunderbar.
    Ja, davon bin ich überzeugt. Hatte es aber halt in dem Fall mit JS umgesetzt. Wollte nur meine Lösung nicht schuldig bleiben, war ja mein Thread.

  9. #9
    dertypdernixkan ist offline Tripel-As
    registriert
    31-05-2013
    Beiträge
    194

    AW: Problem mit border-radius

    Wie sieht denn ein JS aus wenn man damit ne Tabelle bauen will?

  10. #10
    Avatar von mikdoe
    mikdoe ist offline Administrator
    registriert
    01-05-2010
    Beiträge
    7.731

    AW: Problem mit border-radius

    Zitat Zitat von dertypdernixkan Beitrag anzeigen
    Wie sieht denn ein JS aus wenn man damit ne Tabelle bauen will?
    Ich habe ein div gebaut bei mir:
    HTML-Code:
    var box = document.createElement('div');
    box.style.borderRadius = '10px';
    document.getElementById('maincontent').appendChild(box);
    Bei einer Tabelle würde ich die Tags ersetzen. Klappt das bei dir nicht?

  11. #11
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.714

    AW: Problem mit border-radius

    Eine Tabelle baut man genauso, wie man auch jede andere DOM-Struktur aufbaut.

    Entweder du hast dir das komplette HTML der Tabelle irgendwo in .innerHTML rein oder du arbeitest mit document.createElement().

    Zusätzlich gibt es noch die Tabellen-API: SELFHTML: JavaScript / Objektreferenz / HTML-Elementobjekte
    Aber ich finde die "normalen" DOM-Methoden irgendwie handlicher...

  12. #12
    dertypdernixkan ist offline Tripel-As
    registriert
    31-05-2013
    Beiträge
    194

    AW: Problem mit border-radius

    Ah, Merci!!!!!!!!!!!!!!

Ähnliche Themen

  1. Problem: width: 100% + padding & border = Layout gesprengt
    Von dogsnhumans.de im Forum CSS und (X)HTML
    Antworten: 12
    Letzter Beitrag: 08-01-2013, 19:11
  2. [CSS] border
    Von kasimir83 im Forum Allgemeines
    Antworten: 22
    Letzter Beitrag: 26-05-2004, 12:48
  3. CSS-Problem "border-collapse"
    Von LeGato im Forum Allgemeines
    Antworten: 4
    Letzter Beitrag: 02-01-2004, 18:07
  4. elemente um eigenen radius drehn
    Von womstar im Forum JavaScript
    Antworten: 18
    Letzter Beitrag: 07-11-2002, 00:03
  5. border
    Von Nilat im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 02-10-2001, 22:59

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •