zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden zusammenhängende Zellen gehen über den Tabellenrand

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 26.10.2013, 23:30
GN GN ist offline
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 21.11.2004
Beiträge: 182
GN befindet sich auf einem aufstrebenden Ast
Standard zusammenhängende Zellen gehen über den Tabellenrand

Hallo,

Tabelle Begegnungen

ich versuche gerade die Tabelle für die Begegnungen vom fussball.de-Widget anzupassen. Im FF ist auch alles schick, nur im Chrome und Safari schieben die zusammenhängenden Zellen über den Tabellenrand. Die letzte Spalte hab ich ausgeblendet.

Wie kann ich das abstellen?
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 26.10.2013, 23:46
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

colspan="6" bei de facto nur 5 Spalten ist logischerweise eine Grauzone - die einen Browser machen's so, die anderen so. Die sauberste Lösung wäre, die letzte Spalte aus dem HTML zu werfen, anstatt sie nur per CSS auszublenden.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 02.11.2013, 21:50
GN GN ist offline
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 21.11.2004
Beiträge: 182
GN befindet sich auf einem aufstrebenden Ast
Standard

Hallo,

hab es mal so versucht, nur mit halben Erfolg:
Code:
$('#ofcBegegnungen col:nth-child(6), #ofcBegegnungen td[colspan=6], #ofcBegegnungen td.noPrint').css('visibility', 'hidden');
GN
Mit Zitat antworten
  #4 (permalink)  
Alt 03.11.2013, 21:29
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Entweder regelst Du das alles per JS (zumal die ganze Tabelle ja eh per JS generiert wird - komische Sache...), z.B. per removeChild() und Änderung des colspan-Attributwertes, oder (was evtl. einfacher ist) Du lässt die letzte Spalte zwar anzeigen, aber entfernst ihre Inhalte (z.B. per text-indent: -9999px und für die Links in der letzten Spalte display: none) sowie padding und die überflüssige border der Zellen in dieser Spalte, und setzt deren Breite dann auch noch auf Null.

Das musst Du dann aber ausgiebig in allen relevanten Browsern testen, denn Tabellenelemente sind oft sehr eigenwillige Gesellen

Und in jedem Fall ist das natürlich alles ein totales Gewürge, aber das ist es so oder so, egal wie Du es löst (JS wäre sauberer, CSS einfacher)
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
  #5 (permalink)  
Alt 14.05.2014, 01:15
GN GN ist offline
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 21.11.2004
Beiträge: 182
GN befindet sich auf einem aufstrebenden Ast
Standard

Hallo,

ist schon etwas länger her, aber ich komme egal wie nicht an die Tabelle ran:
HTML-Code:
  jQuery(document).ready(function() {
	  if (jQuery("div.egmMain table").length) {
		  alert("Klasse existiert!");
	  }
  });
Mit Zitat antworten
  #6 (permalink)  
Alt 14.05.2014, 09:03
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

Bei mir wird das alert ausgegeben. Also kommst du an die Tabelle ran.
Mit Zitat antworten
  #7 (permalink)  
Alt 14.05.2014, 09:18
GN GN ist offline
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 21.11.2004
Beiträge: 182
GN befindet sich auf einem aufstrebenden Ast
Standard

??? - bei mir erscheint nichts
Mit Zitat antworten
  #8 (permalink)  
Alt 14.05.2014, 09:38
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

Was sagt denn dann deine Fehlerkonsole?
Mit Zitat antworten
  #9 (permalink)  
Alt 14.05.2014, 09:59
GN GN ist offline
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 21.11.2004
Beiträge: 182
GN befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von cloned Beitrag anzeigen
Was sagt denn dann deine Fehlerkonsole?
leider nichts, egal auf welchem Rechner ich das aufrufe... steht nichts in der Konsole
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 14.05.2014, 10:03
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

Und wenn du $("table").length in deine Konsole eingibst?
Mit Zitat antworten
Sponsored Links
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
CSS-Tabelle Zellen verbinden Praktikant CSS 1 26.10.2009 08:41
Rahmen zwischen 2 Zellen: ich kriegs nicht hin! kiph CSS 4 24.09.2008 14:25
Hintergrundbilder für Zellen einer Tabelle VanKurt CSS 3 26.09.2006 18:52
IE macht Abstände zwischen Zellen goerd CSS 3 16.09.2006 23:24
Tabellenborder verdoppeln sich bei angrenzenden Zellen uru CSS 2 26.02.2004 15:48


Alle Zeitangaben in WEZ +2. Es ist jetzt 14:41 Uhr.