Willkommen im TP-Hilfe-Forum! Dies ist ein Forum zu den Themen Photoshop, Dreamweaver, Flash, Selbständigkeit und mehr, in dem Du Hilfe, Anleitung oder eine Lösung zu Deinen Problemen erhältst.
Aktuell bist Du in unseren Foren als Gast mit reinen Leserechten unterwegs. Wenn Du Dich registrierst, kannst Du eigene Themen verfassen, deine Frage stellen und privat mit anderen TPlern kommunizieren. Weitere Foren werden zugänglich, und Du wirst – falls gewünscht – per Mail über neue Beiträge informiert. Die Registrierung ist schnell und kostenlos. Sollten bei der Registrierung Fragen auftauchen, reicht ein Klick in unsere Hilfe - Häufig gestellte Fragen oder eine kurze Mitteilung an das Support-Team.
Hallo,
ich bin html-Neuling und habe die Aufgabe erhalten, eine Tabelle in html zu erstellen. Im Firefox sieht das Ergebnis gut aus. Leider reagiert der Internet Explorer 5 jedoch etwas eigenwillig und will die angegebenen Höhenverhältnisse nicht korrekt darstellen. Wo liegt der Fehler?
Danke im voraus und Gruß
Schabulzke
HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="de"><html><head><title>TabelleA</title><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"></head><body bgcolor="blue"><table width="400" height="300" border="0" cellpadding="0" cellspacing="0" bgcolor="blue"><tr><td align="left" rowspan="2" bgcolor="yellow" width="200" height="200"><img src="images/space.gif" width="1" height="300" border="1" alt="Hier ist ein Leer-GIF integriert." /></td><td align="right" bgcolor="orange" width="200" height="100"><img src="images/space.gif" width="1" height="100" border="1" alt="Hier ist ein Leer-GIF integriert." /></td></tr><tr><td align="center" rowspan="2" bgcolor="red" width="100" height="200"><img src="images/space.gif" width="1" height="300" border="1" alt="Hier ist ein Leer-GIF integriert." /></td></tr><tr><td align="left" bgcolor="green" width="100" height="100"><img src="images/space.gif" width="1" height="100" border="1" alt="Hier ist ein Leer-GIF integriert." /></td></tr></table></body></html>
Erstmal solltest Du keinen XHTML 1.0 Strict Doctype nehmen. Höhenangaben für Tabellen sind da nicht erlaubt. Bleib bei HTML 4.01 Transitional.
Da Du eh Anfänger bist, solltest Du von Anfang an konsequent ohne Tabellenlayouts arbeiten, sondern Webseiten mit semantischem HTML + CSS erstellen. Wieso zuerst falsch lernen, und danach richtig?
Äh, deine Höhenangaben widersprechen sich. Die Tabelle hast du 300 Pixel hoch, aber wenn ich die einzelen Zeilen zusammenrechne komme ich auf 400 Pixel. Die Blindgifs sind teilweise 300 hoch, aber die Zellen nur 200???
In der ersten Zeile der Tabelle hast du 2 Zellen - in der 2. und 3. Zeile aber nur eine. Die beiden Zellen in der ersten Zeile deiner Tabelle haben unterschiedliche Höhenangaben.
Danke,
ich habe die Werte dementsprechend geändert. Aber ich frage mich nach wie vor, warum der IE die Zellenhöhen nicht korrekt ausgibt (wie z.B. der Firefox - siehe Anhang)?
Mir ist klar, daß Tabellen nicht dem neuesten Stand entsprechen, aber es handelt sich hierbei um eine Aufgabe, die mir im Rahmen meiner Ausbildung gestellt worden ist... :-)
1. Versuche, dich wenigstens halbwegs an die Standards zu halten,
sonst ist es immer etwas zwiespältig, sich über Anzeigeprobleme zu ärgern. ;-)
2. In diesem Zusammenhang: ein HTML-Tag zum Öffnen reicht.
3. Unabhängig vom Doctype sind HTML-Höhenangaben für Tabellen _nie_ zulässig
und für Zellen im von dir gewählten nicht. Du hast also eigentlich nur Glück,
dass wenigstens Geckos und Operas das gewünschte Ergebnis anzeigen.
4. Unabhängig von Standardkonformität ist CSS das Mittel zur Beeinflussung
des Layouts. Es sich rasch angewöhnen kann nicht schaden.
5. Und last but nit least:
Gelernt hast du nun, dass IEs nicht nur unzureichend CSS beherrschen,
sondern offensichtlich auch HTML, denn auch bei validem HTML sieht das
Ergebnis im Zweifel nicht besser aus. ;-)
Ort: Die Insel in Europa die aus Europa erst Europa macht _________________________ Nähe Lenzburg
Zitat:
Zitat von schabulzke
aber es handelt sich hierbei um eine Aufgabe, die mir im Rahmen meiner Ausbildung gestellt worden ist... :-)
So wie Du es hier abgebildet hast, kann eine (1) Tabelle nicht aussehn.
In einer Zeile/Row/<TR> sind immer alle Zellen/<TD> gleich hoch
und in einer Kolonne sind alle Zellen unter/übereinander gleich breit.
Um Dein Gebilde zu erstellen brauchst Du 2 Tabellen nebeneinander
oder in einander verschachtelte Tabellen.
Machs wie Boris sagte, mit <DIV> und CSS.
__________________
[321 Name="Joe"]
wie immer, lieber gleich mit notepad, dem Editor meines Vertrauens
[/321]
