Problem mit border-radius

[mikdoe]

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?

 

[kkapsner]

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

 

[teldri]

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.

<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>

 

[dertypdernixkan]

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.

 

[ein schlauer]

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.

 

[mikdoe]

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

box.style.borderRadius = '10px';

drin, die Box wird per JS gebaut. Das funktioniert wunderbar.

 

[ein schlauer]

auch ohne JS funktioniert das wunderbar.

 

[mikdoe]

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.

 

[dertypdernixkan]

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

 

[mikdoe]

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

Ich habe ein div gebaut bei mir:

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?

 

[kkapsner]

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...

 

[dertypdernixkan]

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