Die Spalten werden zu breit. Und nur IExplorer machts falsch ;-)

[[e-mail]]

Hallo,

ihr seid wirklich meine letzte Hoffnung:
Ich habe ein riesen Problem, mit dem ich mich nun schon seit über einer Woch rumschlage und keine Lösung finden kann.
Auf meiner Website entwerfe ich gerade ein sehr komplexes Tabellensystem.

• Eine Außentabelle soll die maximale Breite angeben (200 px), bei Bedarf aber kleiner werden - OK
• In dieser Tabelle ist eine weitere Tabelle mit 3 Spalten. Die 2 linken Spalten (Menü) haben eine feste Größe, die rechte Spalte soll sich bis zu insgesamt 1000px ausdehnen können (aber auch kleiner werden). - AUCH OK (ich poste nur die rechte Spalte)
• In diese rechte Spalte, welche mit width=100% angeben wurde kommt nun eine weitere Tabelle, welche wiederrum eine weitere Tabelle enthält (ihr seht, es wird kompliziert). Diese zuletzt genannte Tabelle soll sich in der vorher genannten Tabelle zu 100% ausdehnen können.
  Problem: Sie dehnt sich zwar zu 100% aus, aber wird nicht kleiner, obwohl überall nur mit % gearbeitet wurde! Es entstehen Freiräume innerhalb der innersten Tabelle, die die äußere Tabelle breiter machen! Ich versteh nicht warum!

Ich poste euch nur den Ausschnitt, der mir Probleme macht, da es sonst (noch mehr) unübersichtlich werden könnte. (Hinweis: Mozilla hat diesen Fehler nicht, es scheint an IExplorer zu liegen)

http://www.mod-steps.de/test/test.htm

[wahsaga]

hi,

Ich habe ein riesen Problem, [...]
Auf meiner Website entwerfe ich gerade ein sehr komplexes Tabellensystem.

gut, die problemursache ist also bereits erkannt :-)

http://www.mod-steps.de/test/test.htm

außer vielleicht für die daten

Größe VE    REF
XXL   100   222-222    Unsteril    Preisanfrage

sehe ich da absolut keinen grund, eine tabelle zu verwenden.

löse diese darstellungsaufgabe also mit semantisch wertvollem, entsprechend per CSS formatiertem HTML, und nicht über eine tabelle als layoutkrücke.

gruß,
wahsaga

[[e-mail]]

Hallo,

vielen Dank für die schnelle Antwort!!

gut, die problemursache ist also bereits erkannt :-)

hehe - ja, wenigstens etwas ;-)

sehe ich da absolut keinen grund, eine tabelle zu verwenden.

da ich bisher noch nie mit css _ernsthaft_ gearbeitet habe, fällt mir leider auch keine vernünftige alternative ein

löse diese darstellungsaufgabe also mit semantisch wertvollem, entsprechend per CSS formatiertem HTML, und nicht über eine tabelle als layoutkrücke.

Layoutkrücke ist hier wohl eindeutig das passenste Wort :-). Könntest du mir ein kleines Beispiel geben, wie ich es besser machen könnte?

Auf jeden Fall schonmal danke für den tipp! Ich verspreche, dass ich mich erstmal intensiv mit css befassen werde ;-)

[wahsaga]

hi,

Könntest du mir ein kleines Beispiel geben, wie ich es besser machen könnte?

nun ja, dein beispiel verlangt im grunde nach folgendem:

den text "Zassi™ Katheter-Kit" in einer überschrift - vielleicht dritter oder vierter ordnung, da darüber ja vermutlich noch andere "haupt"-überschriften des dokumentinhaltes zu erwarten sind.

das jeweilige bild dann mit dem danebenstehenden text in einem absatz <p>, das bild dabei mit float links ausgerichtet.

tja, und die bereits erwähnten daten darunter dann vielleicht wirklich in einer tabelle, denn für diese scheint eine solche ggf. angebracht ...

um das ganze dann ggf. noch ein div als container, um diesem den rahmen verpassen zu können ... so oder ähnlich :-)

gruß,
wahsaga