Tabelle erscheint nicht

[Fili]

Ich möchte hier den Text in einer Spalte rechts haben und links eine leere Spalte, die 211 Pixel breit sein sollte. Bei der Überprüfung im Dreamweaver wird kein Fehler angezeigt und ich finde ihn auch nicht, aber seht ihr da etwa 2 Spalten im Browser?
Hilfszügel: Was und wie :?:

Was ist wohl falsch?

 

[assmaje]

Ich möchte hier den Text in einer Spalte rechts haben und links eine leere Spalte, die 211 Pixel breit sein sollte. Bei der Überprüfung im Dreamweaver wird kein Fehler angezeigt und ich finde ihn auch nicht, aber seht ihr da etwa 2 Spalten im Browser?
Hilfszügel: Was und wie :?:

Was ist wohl falsch?

1. Du missbrauchst eine Tabelle fürs Layout. (Efchen kann dir darüber noch einiges sagen.)
2. Nun, eigentlich sehe ich zwei Spalten. ;) Eine mit dem Inhalt und eine mit der Navigation. So solls doch auch sein, oder?
3. Warum hast du für die Unterseiten ein komplett neues Layout & Design?

 

[rexini]

Hy,
Versuch doch mal das:

<table summary="bahnpunkte">      <tr>        [COLOR=Red]<th [/COLOR]style="width:211px;">[COLOR=Red]</th>[/COLOR]</tr><tr>       <td> ... </td>      </tr>    </table>

 

[Fili]

1. Du missbrauchst eine Tabelle fürs Layout. (Efchen kann dir darüber noch einiges sagen.)
2. Nun, eigentlich sehe ich zwei Spalten. ;) Eine mit dem Inhalt und eine mit der Navigation. So solls doch auch sein, oder?
3. Warum hast du für die Unterseiten ein komplett neues Layout & Design?

1. Nein, ich missbrauche sie nicht, ich brauche sie, es geht ganz einfach nicht anders. Aber darum geht es hier nicht.
2. Innerhalb des Teils, wo du jetzt den Inhalt siehst, sollten die beiden Spalten sein. So wie hier: Longieren
3. Weil das das alte Design ist, du bist hier auf einer noch nicht veröffentlichten Seite. Wenn ich mit meinen 200 Seiten fertig bin, wird dann alles gleichzeitig hochgeladen.

@Rexini: Lustig find ich nur, dass das bisher auf allen Seiten ohne th funktioniert hat und auf einmal solls nicht mehr gehen ...;ugl

 

[assmaje]

1. Nein, ich missbrauche sie nicht, ich brauche sie, es geht ganz einfach nicht anders. Aber darum geht es hier nicht.
2. Innerhalb des Teils, wo du jetzt den Inhalt siehst, sollten die beiden Spalten sein. So wie hier: Longieren
3. Weil das das alte Design ist, du bist hier auf einer noch nicht veröffentlichten Seite. Wenn ich mit meinen 200 Seiten fertig bin, wird dann alles gleichzeitig hochgeladen.

1. Doch, darum geht es hier. Natürlich funktioniert dein Vorhaben auch ohne Tabelle(nmissbrauch). Du kannst einfach den Inhalt in ein div packen und dieses dann in 2 weitere divs oder ps unterteilen, die du dann entsprechend floatest.

Float: Die Theorie

2./3. Na dann. :)

 

[Efchen]

1. Nein, ich missbrauche sie nicht, ich brauche sie, es geht ganz einfach nicht anders.

Klar geht es anders. Klar missbrauchst Du sie. Tabellen sind per Definition dazu da, tabellarische Daten auszuzeichnen. Das machst Du hier nicht, Du hast keine tabellarischen Daten, Du willst ein Layout machen. Also missbrauchst Du Tabellen. Das ist so. Wie es anders geht, hat Dir assmaje schon gesagt.

Aber darum geht es hier nicht.

Klar geht es darum. Früher hat man ziemlich viel Mist gemacht, weil es wirklich nicht anders geht. In den 1990er Jahren gab es noch kein CSS, da musste man Tabellen fürs Layout benutzen, wenn man was halbwegs ansprechendes machen wollte. Das muss man aber seit bestimmt 10 Jahren nicht mehr.
Heute kann man HTML endlich dazu benutzen, wozu es ursprünglich gedacht wurde: Um den Inhalt auszuzeichnen, ihm eine Bedeutung zu geben. Für Layout/Design ist allein CSS zuständig.
Und um eine anständige Seite mit HTML+CSS+Trennung von Inhalt und Layout zu machen, ist ein guter und vor allem fehlerfreier Code Grundvoraussetzung.
Es geht deswegen darum, dass Du Tabellen missbrauchst, weil Du mit Hacks und Kompromissen etwas erreichen willst, was heute auch anständig geht. Bestimmt kannst Du auch mit einem Auto mit drei Rädern fahren, wenn es richtig ausbalanciert ist. Aber warum nicht lieber ein viertes Rad dazu nehmen und auf das Ausbalancieren verzichten?
Darum geht es hier. Du machst es Dir unnötig schwer und produzierst minderwertige Seiten, die schon vor etlichen Jahren so nicht Stand der Technik waren und vermittelst per HTML falsche Strukturinformationen, was manchen Clients durchaus schaden kann.

Viele Grüße,
-Efchen

 

[Fili]

Mein Problem ist ganz einfach, dass ich in der (auf dieser Seite leeren) Spalte Bilder habe und die ganz genau bei einem bestimmten Absatz platzieren will. Ich hab hier im Forum schon mal gefragt, und keine Lösung bekommen. Siehe hier: http://www.html.de/html-und-xhtml/16070-weg-vom-tabellendesign-geht-das-mit-dem-layout.html

 

[Efchen]

Das ist doch eine ganz andere Frage.
Warum platzierst Du die Bilder nicht genau an dem Absatz, wo Du sie haben willst? Natürlich haben die einen Bezug zueinander, sonst wäre es ja nicht wichtig, wo die Bilder stehen. Also füge die Bilder an der Stelle in den Text ein, wo sie stehen sollen, dann gib den Bildern ein float:left und dem Text ein margin-left in der Breite der Bilder.
Fertig.

<p>blabla</p>
<img>
<p>blabla</p>
<img>
<p>blabla</p>

img {
  float:left;
  clear:left;
  width:100px;
}
p {
  margin-left:110px;
}

Oder ich hab Dich falsch verstanden, wie die Kollegen im anderen Thread.

Gruß,
-Efchen

 

[Fili]

Dann rutscht der Text aber wieder nach links, sobald das Bild zu Ende ist, was ich nicht möchte, oder? Natürlich könnte ich nun mit padding-bottom eingeben, wie weit nach unten Raum sein soll, aber das scheint mir wenig sinnvoll (und zudem mühsam, wenn ich das für jedes Bild ausprobieren muss), denn sobald ein User eine andere Schriftart oder einen anderen Browser hat, stimmts dann vielleicht wieder nicht.

 

[neuroleptika]

Ich möchte hier den Text in einer Spalte rechts haben und links eine leere Spalte, die 211 Pixel breit sein sollte. Bei der Überprüfung im Dreamweaver wird kein Fehler angezeigt und ich finde ihn auch nicht, aber seht ihr da etwa 2 Spalten im Browser?
....

Die Tabelle wird angezeigt. Nur die rechte Spalte wird wegen fehlendem Platz zusammengedrückt.

In der zweiten Spalte hast du dieses img:

<img src="bilder/laenge.png" style="width: 375px; height: 148px; margin-left: 220px;" alt="Länge des Hilfszügel (55K)">

Die Zelle mit dem Bild ist also mindestens 595px breit.
Die Tabelle befindet sich in #inhalt. Der hat aber nur eine Innenbreite von 584px. Für die rechte Spalte verbleiben also höchstens noch 11px.

Ich habe nicht dein ganzes css Durchsucht aber die Linke Spalte kann unmöglich 211px breit sein.

Entferne mal das margin-left:220px; aus dem img oder passe den Wert an.

Dann rutscht der Text aber wieder nach links, sobald das Bild zu Ende ist.....

Wenn du auf die Tabelle verzichten möchtest (was ich empfehle) mußt du Absätze mit Bildern clearen damit die Bilder nicht durch flaot "umflossen" werden.

 

[Efchen]

Dann rutscht der Text aber wieder nach links, sobald das Bild zu Ende ist, was ich nicht möchte, oder?

Nein, deswegen ja das margin-left.

Natürlich könnte ich nun mit padding-bottom eingeben, wie weit nach unten Raum sein soll, aber das scheint mir wenig sinnvoll (und zudem mühsam, wenn ich das für jedes Bild ausprobieren muss), denn sobald ein User eine andere Schriftart oder einen anderen Browser hat, stimmts dann vielleicht wieder nicht.

Wozu das auch?

 

[Fili]

Okay, dann versuch ich das heute Abend so. Wäre toll, wenn ich das so lösen könnte. Ist ja nicht so, dass ich an den Tabellen hänge. ;-)

Juhu, es geht! Danke vielmals! ;Jump