"schwierige" CSS - Frage

Re(18): "schwierige" CSS - Frage

RevX — Mon, 25 Jul 2005 17:55:58 GMT

Stimmt auch wieder...

Re(17): "schwierige" CSS - Frage

Somnatic — Mon, 25 Jul 2005 16:06:53 GMT

für mozilla is das gar net nötig

mozilla kennt ja glücklicherweise den > Operator

Re(16): "schwierige" CSS - Frage

RevX — Mon, 25 Jul 2005 15:35:54 GMT

An das tbody hab' ich nicht gedacht weil's (anscheinend) selbst dann im DOM Baum vorkommt, wenn's als Tag nicht im Code verwendet wurde... (da hab' ich auch wieder was gelernt).

Für Mozilla kann man das auch zum laufen kriegen nur sind - wie schon gesagt - linebreaks eigene Node und man müsste da zusätzliche nextSibling oder ähnliches reinschieben. Auch eine ziemliche Spielerei.

daher auf jeden fall von mir ein herzliches Dankeschön für deine spitzen - Hilfe

Gerne.

Re(15): "schwierige" CSS - Frage

Somnatic — Mon, 25 Jul 2005 13:59:53 GMT

soda .. nach langem kämpfen hab ichs jetzt

dein code war eh so gut wie richtig, einzig zwischen table und tr kommt noch ein tbody im dom-modell

    for (i=0;i<document.getElementsByTagName("table").length;i++)
    {
      if (document.getElementsByTagName("table")[i].getAttribute("className")=="tableWeine")
      {
        document.getElementsByTagName("table")[i].firstChild.firstChild.firstChild.nextSibling.width=50;
      }
    }

danach wars net so schwer

ich mache das jetzt derweil mal so, dass mit einem conditional comment das script am Mozilla sowieso nicht ausgeführt wird, am IE hingegen schon.

daher auf jeden fall von mir ein herzliches Dankeschön für deine spitzen - Hilfe

Re(10): "schwierige" CSS - Frage

Somnatic — Sun, 24 Jul 2005 15:36:53 GMT

rein aus interesse mach ich das ..

das wurmt mich einfach

Re(7): "schwierige" CSS - Frage

Somnatic — Sun, 24 Jul 2005 15:36:27 GMT

da is der link
http://forum.geizhals.at/t349748,2647215.html#2647215

Re(6): "schwierige" CSS - Frage

mko — Sun, 24 Jul 2005 15:25:43 GMT

Sondern?

Re(9): "schwierige" CSS - Frage

RevX — Sun, 24 Jul 2005 15:21:24 GMT

Arbeiten am Wochenende?! *pffhhh* Danke, nein.

Re(14): "schwierige" CSS - Frage

RevX — Sun, 24 Jul 2005 15:18:20 GMT

Aha. Da wird das ganze eine Nummer schwieriger. Probier mal folgenden Ansatz:
In einer Schleife suche nach dem table tag mit dem class name:
for (i=0;i<document.getElementsByTagName("table").length;i++)
{
  if (document.getElementsByTagName("table").getAttribute("class")=="tableHome")
  {
    document.getElementsByTagName("table")[i].nextSibling.lastChild.setAttribute("width", "10px");
  }
}

Mit nextSibling solltest eigentlich auf das tr unter dem table zugreifen mit lastChild auf das letzte td unterm tr.

Re(14): "schwierige" CSS - Frage

RevX — Sun, 24 Jul 2005 15:18:20 GMT

Aha. Da wird das ganze eine Nummer schwieriger. Probier mal folgenden Ansatz:
In einer Schleife suche nach dem table tag mit dem class name:
for (i=0;i<document.getElementsByTagName("table").length;i++)
{
  if (document.getElementsByTagName("table")[i].getAttribute("class")=="tableHome")
  {
    document.getElementsByTagName("table")[i].nextSibling.lastChild.setAttribute("width", "10px");
  }
}

Mit nextSibling solltest eigentlich auf das tr unter dem table zugreifen mit lastChild auf das letzte td unterm tr.

Re(14): "schwierige" CSS - Frage

RevX — Sun, 24 Jul 2005 15:18:20 GMT

Aha. Da wird das ganze eine Nummer schwieriger. Probier mal folgenden Ansatz:
In einer Schleife suche nach dem table tag mit dem class name:
for (i=0;i<document.getElementsByTagName("table").length;i++)
{
  if (document.getElementsByTagName("table")[i].getAttribute("class")=="tableHome")
  {
    document.getElementsByTagName("table")[i].nextSibling.lastChild.setAttribute("width", "10px");
  }
}

Mit nextSibling solltest eigentlich auf das tr unter dem table zugreifen mit lastChild auf das letzte td unterm tr. Mozillas handhaben übrigens Zeilenumbrüche als eigene Nodes womit das obige Schema wahrscheinlich dort nicht (so) funktionieren wird. Am besten mal mit IE ausprobieren.

Re(13): "schwierige" CSS - Frage

Somnatic — Sun, 24 Jul 2005 14:59:47 GMT

also ich hab bisher eigentlich immer class=... verwendet ... className hab ich ehrlich gesagt noch nie gehört

Re(8): "schwierige" CSS - Frage

Somnatic — Sun, 24 Jul 2005 14:58:12 GMT

glücklicherweise nicht

(wennst es mir net glaubst, kann ich dir gern die seite zukommen lassen, auf der das funktionieren soll - allerdings per PN, weil das Ding derzeit noch niemand sehen soll)

Re(5): "schwierige" CSS - Frage

Somnatic — Sun, 24 Jul 2005 14:57:14 GMT

ähm .. mit IE7 ist nicht der Internet Explorer 7 gemeint

Re(13): "schwierige" CSS - Frage

Somnatic — Sun, 24 Jul 2005 14:56:45 GMT

also .. ich habe mehrere tabellen auf einer seite ...

diese "rule" soll aber nur dann gelten, wenn sich die tds in einer table befinden, welche ein attribut class="tableHome" ...

sprich:

Hier soll es was tun
[table class="tableHome"]
[tr]
  [td]Spalte1[td]
  [td]Spalte2[td]
[/tr]
[/table]

und hier darf es nichts tun
[table]
[tr]
  [td]Spalte1[td]
  [td]Spalte2[td]
[/tr]
[/table]

Re(12): "schwierige" CSS - Frage

RevX — Sun, 24 Jul 2005 14:46:59 GMT

Noch eine kurze Anmerkung:
Wenn ich's richtig im Gedächtnis habe dann verwenden Mozilla-Browser das keyword className, wohingegen IE class verwendet. Müsstest also beide setzen.

Re(7): "schwierige" CSS - Frage

RevX — Sun, 24 Jul 2005 14:44:49 GMT

Ist das ein Aufnahmetest für einen Job?

Re(4): "schwierige" CSS - Frage

mko — Sun, 24 Jul 2005 14:43:49 GMT

Zu glauben, der IE7 würde CSS2 komplett unterstützen...ist ein Fehler!

Re(12): "schwierige" CSS - Frage

RevX — Sun, 24 Jul 2005 14:41:49 GMT

Bin mir nicht ganz sicher, ob ich das jetzt richtig verstanden habe. Wo wird denn dieses class="tableHome" gesetzt? Im table tag? Oder tr? Oder td?

Den von mir geposteten Code kannst du auch nach dem Aufbau der Seite aufrufen.

Re(11): "schwierige" CSS - Frage

Somnatic — Sun, 24 Jul 2005 12:34:36 GMT

und was mir auch grad auffällt:
* das darf er nur dann machen, wenn sich das td Tag innerhalb einer klasse namens tableHome befindet .. sonst soll er gefälligst die Finger davon lassen .. ist das möglich ?

Re(11): "schwierige" CSS - Frage

Somnatic — Sun, 24 Jul 2005 12:29:52 GMT

noch eine Frage:

Wo müsste ich das dann aufrufen bzw. wie handeln das die Browser? Dürfte ich das erst ganz am Schluss machen?

Re(7): "schwierige" CSS - Frage

bigboss007 — Sun, 24 Jul 2005 11:17:01 GMT

das Ganze ist ein CMS

das iss was anderes...

Re(6): "schwierige" CSS - Frage

Somnatic — Sun, 24 Jul 2005 11:15:58 GMT

ähem .. wozu sollte ich mir eine seite automatisch generieren lassen, damit ich sie nacher offline speichere ?

das Ganze ist ein CMS, welches die Seiten bereitstellt, das läuft schon online

Re(5): "schwierige" CSS - Frage

bigboss007 — Sun, 24 Jul 2005 09:52:57 GMT

ja du kannst es ja dann wenn der code generiert ist und offline gespeichert ist kannst es ja einfügen!

Re(4): "schwierige" CSS - Frage

Somnatic — Sun, 24 Jul 2005 09:50:45 GMT

wird automatisch generiert und da kann ich nicht eingreifen ..

Re(3): "schwierige" CSS - Frage

bigboss007 — Sun, 24 Jul 2005 09:41:50 GMT

achso...ist das schon eine fertige seite die du aufpepst oder eh von dir geschrieben??

Re(2): "schwierige" CSS - Frage

Somnatic — Sun, 24 Jul 2005 09:35:50 GMT

das spielt sich nicht .. wie gesagt.. ich darf den quelltext nicht verändern ..

Re(2): "schwierige" CSS - Frage

bigboss007 — Sun, 24 Jul 2005 09:29:47 GMT

dass der IE mit komplexen CSS's nicht zusammenkommt bzw. nicht mehr lesen kann!!

Re: "schwierige" CSS - Frage

bigboss007 — Sun, 24 Jul 2005 09:29:10 GMT

style="max-width:10px;

Re(11): "schwierige" CSS - Frage

Somnatic — Sun, 24 Jul 2005 09:24:24 GMT

hmmm ... ja . .eigentlich nicht wirklich blöd

ich werds jetzt mal noch mit der IE7 Lösung versuchen, sollte das dann nicht gehen werd ichs wohl so machen.

Daher ein herzliches Dankeschön von mir

Re(10): "schwierige" CSS - Frage

RevX — Sat, 23 Jul 2005 14:13:27 GMT

Hab jetzt nochmal deine Anfangsfrage gelesen. Mein Posting ist dann entsprechend zu modifizieren, z.B.
document.getElementsByTagName("td")[1].setAttribute("width", "10px");

Re(9): "schwierige" CSS - Frage

RevX — Sat, 23 Jul 2005 14:07:57 GMT

Da gibt's natürlich eine einfachere Lösung.

Wenn du z.B. nur die eine Tabelle hast und nur die erste Spalte verbreitern möchtest, könntest sowas wie das hier in Javascript machen.

document.getElementsByTagName("td")[0].setAttribute("width", "200px");
oder
document.getElementsByTagName("td")[0].setAttribute("className", "mystyle");
wobei mystyle eine stylesheet-definition ist, die die Zellenbreite mittels width:200px; festlegt.

Wobei ich in obigen Fall davon ausgegangen bin, dass TD jene Zelle ist, die als erstes im Sourcecode vorkommt (also keine anderen Tabellen vorher).

Re(8): "schwierige" CSS - Frage

Somnatic — Sat, 23 Jul 2005 12:12:50 GMT

hmm .. nachdem ich mittlerweile fast am verzweifeln bin ... was wäre denn die javascript Lösung ... die von Xmolch aufgezeigte oder gibts da noch was anderes ?

Re(5): "schwierige" CSS - Frage

Somnatic — Fri, 22 Jul 2005 22:43:38 GMT

also die seite geht .. ebenso geht das beispiel mit dem h1 + p von seinen Seiten

Habe mir den Beispielcode kopiert, auf meinen Server rauf -> geht (nach anpassen vom Pfad an die Location des IE7)

dann hätt ich einfach mal ein

td + td {...}
probiert - keine änderung

nun gut, nun basiert meine seite auf einem CMS, wird also dynamisch erstellt. Aber das dürfte ja keinen Unterschied machen, am Client kommt doch eh nur der Output vom PHP an.

Ich werd mal versuchen eine lokale Kopie von einer Seite zumindest zu machen und das dort zum laufen zu bringen

Re(4): "schwierige" CSS - Frage

Xmolch — Fri, 22 Jul 2005 22:36:22 GMT

Was ist mit der folgenden Seite? http://dean.edwards.name/IE7/compatibility/super-dynamic.html

Funktionieren auf dieser Seite die Selektoren im IE nicht? Du musst auf die Elemente hovern, um den Effekt zu sehen (eben wegen der :hover Klasse); ziemlich komplexes Beispiel eigentlich.. Das muss natürlich auch ohne :hover funktionieren.

Ich hab mich noch nicht ausgiebig mit dem "IE7" beschäftigt, aber bei mir funktionieren alle Beispiele die man auf der Seite von Dean Edwards findet.

Probier mal die Skripte wie auf der Beispielseite einzubinden, falls du es noch nicht schon probiert hast...

Re(3): "schwierige" CSS - Frage

Somnatic — Fri, 22 Jul 2005 21:30:12 GMT

also die vorletzte Zeile vergess ich gleich wieder - vielleicht fällt sie mir in 5 Jahren wieder ein

so .. ich teste den "IE7" grad mal (in meiner verzweiflung )

aber ehrlich gesagt - da tut sich nix
habe das mit dder fehlersuche gemacht (debug_ie7=true drangehägt, da kam dann eine Success Meldung).
Aber der Style wird nach wie vor nicht richtig dargestellt (in Firefox und Safari schon).

könnte das daran liegen dass er doch etwas komplexer ist, was sollte ich deiner Meinung nach probieren?

Re(2): "schwierige" CSS - Frage

Xmolch — Fri, 22 Jul 2005 21:01:46 GMT

Der IE ist in punkto CSS2 Selektoren sehr sehr schwach. Wenn es dir gegönnt wäre Javascript zu verwenden, dann hätte ich dir einen Tipp geben können mit dem man dem Internet Explorer ein paar CSS-Selektoren beibringen kann (sogar CSS3-Selektoren :D ). Wenn es dich trotzdem interessiert: IE7

Eine kleine Bemerkung zum Angrenzungs-Selektor (adjacency selector): td+td würde nicht nur die 2. Spalte selektieren, sondern alle td's die auf ein td folgen. Also würde nur das erste td nicht selektiert werden, da es ja einem tr folgt Wie ich aber sehe, gibt es in deinem Sourcecode nur 2 Spalten, was für dich von Vorteil ist. Denn um wirklich nur die 2. Spalte zu selektieren wäre die :nth-child(an+b) Pseudoklasse notwendig, die es erst in CSS3 gibt, und meines Wissens nach noch von keinem Browser unterstützt wird.

table.weinTable tr:nth-child(2) { /*...*/ }

Cool oder?

Re(8): "schwierige" CSS - Frage

Somnatic — Fri, 22 Jul 2005 20:00:32 GMT

jo

*den IE verfluchen geh*

Re(7): "schwierige" CSS - Frage

RevX — Fri, 22 Jul 2005 19:59:26 GMT

Wie ich vermutet habe. Aber damit bist ziemlich chancenlos bei deinem Problem...

Re(6): "schwierige" CSS - Frage

Somnatic — Fri, 22 Jul 2005 19:55:35 GMT

nana .. javascript kommt nicht in die tüte

btw: grad bei selfhtml gefunden (nach stunden der suche)
------snip-----
Beachten Sie:

Der Internet Explorer 6.0 interpretiert die Nachfahren-Selektoren > und + noch nicht.
------snip-----

Re(5): "schwierige" CSS - Frage

RevX — Fri, 22 Jul 2005 19:51:06 GMT

Boah! Also der, der den Code geschrieben hat, hat sicher nicht an CSS gedacht. Aber wieso kannst du mittels CSS da was dran ändern? Du könntest auch über Javascript einiges drehen, wenn du einen Javascript-Aufruf zur Verfügung hast (so wie die CSS Anbindung).

Re(3): "schwierige" CSS - Frage

Somnatic — Fri, 22 Jul 2005 19:46:52 GMT

das denk ich mir mittlerweile auch

Re(4): "schwierige" CSS - Frage

Somnatic — Fri, 22 Jul 2005 19:46:34 GMT

eben nicht ... ist genau der quelltext von oben

Re(2): "schwierige" CSS - Frage

RevX — Fri, 22 Jul 2005 19:43:51 GMT

Der IE packt die etwas komplexeren CSS Selektoren nicht (mehr)...

Re(3): "schwierige" CSS - Frage

RevX — Fri, 22 Jul 2005 19:42:00 GMT

Hat die betroffene Spalte irgendeine ID oder Class Bezeichnung?

Re: "schwierige" CSS - Frage

Somnatic — Fri, 22 Jul 2005 19:29:38 GMT

so .. habs jetzt mit einem

table.weinTable tr td+td

probiert .. das geht im firefox, im safari .. aber NICHT im IE *grrrr*
in welchem punkt unterscheiden sich die beiden denn nun schon wieder

Re(2): "schwierige" CSS - Frage

Somnatic — Fri, 22 Jul 2005 19:28:49 GMT

wie gesagt .. ich kann den quelltext nicht verändern
das umschliesst auch ein "hinzufügen, weglassen, ... "

Re(2): "schwierige" CSS - Frage

Somnatic — Fri, 22 Jul 2005 19:28:13 GMT

ja .. schon . .aber welchen selektor muss ich verwenden, damit ich auf das zweite element zugreifen kann ..

Re: "schwierige" CSS - Frage

RevX — Fri, 22 Jul 2005 19:22:57 GMT

Probier mal das TH tag zu verwenden und dem eine fixe Breite zu verpassen!

Re: "schwierige" CSS - Frage

_E_r_I_c_H_ — Fri, 22 Jul 2005 19:22:03 GMT

width: 10px;

"schwierige" CSS - Frage

Somnatic — Fri, 22 Jul 2005 19:18:27 GMT

hallo mitsammen, ich bins mal wieder

ich habe derzeit ein kleines Problem - folgender quelltext:

blabla - viele table Tags ....
[table class="weinTable"]
  [tr]
    [td] Text 1 [/td]
    [td] Text 2 [/td]
  [/tr]

  [tr]
    [td] Text 1 [/td]
    [td] Text 2 [/td]
  [/tr]
[/table]

soweit so gut.

Nun würde ich gerne die zweite Spalte so formatieren, dass sie maximal 10px breit ist. Wie kann ich nun auf die zweite Spalte zugreifen. Ich kann den Sourcecode jedoch nicht ändern, d.h. das muss alles per CSS geschehen.

ich hätte mir ein

table.weinTable > tr > td + td { ... }

überlegt .. aber das scheint nicht zu funktionieren

Vielleicht kann mir ja hier jemand weiterhelfen