Announcement

**Bernhard Geyer** · 29.03.2011, 17:09

Welche IE-Version? Bis einschl. IE8 ist der IE oft "etwas anders" zu behandeln.

**hamburger_1983** · 29.03.2011, 17:10

Sorry, habe ich vergessen anzugeben.

IE 8

**Efchen** · 30.03.2011, 09:00

Moin,

angesichts der Tatsache, dass Dein HTML-Code ziemlich fehlerhaft ist[1] (mal von einem Validator checken lassen!), und Du hier die H�lfte des Codes vergessen hast (Link w�re besser gewesen), kann man vermuten, dass Du den Doctype vergessen oder einen falschen Doctype gew�hlt hast, so dass Deine Seite evtl. im Quirks Mode gerendert wird.

M�glicherweise ist das aber auch einer der Tabellen-Bugs, die es im IE gibt, wobei der IE8 ja eigentlich schon um einiges besser geworden ist, also einfach mal nach Tabellen-Bugs googlen.

Gr��e,
-Efchen

[1] Auch die Semantik ist falsch. Du verwendest Tags, die keine Semantik vermitteln und missbrauchst den oberen Teil der Tabelle zu Layoutzwecken. Vermutlich verwendest Du die <img>-Tags auch dazu, Design zu machen und nicht, um Inhalte einzustellen. Ich kann mir zumindest nicht vorstellen, was an den bunten Images Inhalt sein soll.
Vielleicht informierst Du Dich parallel zu Deinem Problem auch mal dar�ber, was HTML eigentlich ist, was man in dem Zusammenhang unter "Semantik" versteht und warum man Inhalt und Layout trennt (was Du auch nicht tust).
Soll hei�en, so wie Du den Code bisher erstellt hast, wirst Du noch oft �ber Steine stolpern, weil Du HTML aller Wahrscheinlichkeit nach v�llig falsch gelernt hast (was angesichts der vielen fehlerhaften Tutorials im Netz auch kein Wunder ist).
Das hier ist eine gute Adresse: http://fwpf-webdesign.de/einfuehrung

**hamburger_1983** · 30.03.2011, 09:03

Originally posted by Efchen View Post

Du verwendest Tags, die keine Semantik vermitteln und missbrauchst den oberen Teil der Tabelle zu Layoutzwecken.

Den Teil verstehe ich nicht.

Das mit den <img>-Tags: Es handelt sich tats�chlich um inhalt. Es sind drei Kugeln (rot, gelb, gruen). Quasi wie bei einer Ampel

**Efchen** · 30.03.2011, 09:23

Die Aussage bezog sich nicht auf Deine Frage an sich.

Das Tag <b> hat keine semantische Bedeutung (zumindest bis HTML4). Wenn Du etwas fett machen willst, dann machst Du das mit CSS. Aber eigentlich musst Du Dir die Frage stellen, warum Du den Text "�berschrift" fett haben willst. Eine �berschrift ist das ja noch nicht. Dazu musst Du den Text erstmal als �berschrift auszeichnen. Dazu gibt es die Tags <h1> bis <h6> (logische Reihenfolge beachten!). Bei Tabellenzellen�berschriften gibt es <th>, wobei ich hier ziemlich sicher bin, dass das nichts mit der Tabelle selbst zu tun haben soll.

Was Deine Kugeln angeht, da fehlt das alt-Attribut, das angezeigt wird, wenn die Images nicht geladen werden k�nnen. Man merkt hier sehr gut, ob die Kugeln Inhalt darstellen, wenn man nach einem Alternativtext sucht. Findet man keinen, ist das meist ein Anzeichen daf�r, dass die Bilder nur Zierde sind, dann sollte man sie per CSS (background-image) einbinden. Schalte Deine Images im Browser ab, dann wirst Du sehen, ob Dein Alternativtext gut gew�hlt ist.

Und schau Dir die von mir verlinkte Site an, damit Du HTML lernst. Mit CSS zu arbeiten, ohne fundiertes HTML-Wissen ist meist sehr schwer. Gerade Anf�nger tun sich dann mit CSS sehr schwer und verstehen den Sinn nicht ganz. Au�erdem muss man oft den CSS-Code (besser �brigens als externes Stylesheet) wieder und wieder �ndern, wenn man den HTML-Code korrigiert, deswegen sollte der von Anfang an richtig stehen.

Gerne kann ich das weiter ausf�hren, wenn Dich das interessiert (sollte es eigentlich, wenn man Websites erstellen will

Gr��e,
-Efchen

**hamburger_1983** · 30.03.2011, 09:39

OK, war wohl mein Fehler, so gesehen. Wollte nur das "notwendigste", sprich: die Spaltenbreiten angeben. Dass man alt-Attribute angibt ist mir schon klar. Und dass ich �berschriften mit den entsprechenden Tags maskiere auch. Ich h�tte das f�r das Beispiel hier auch "Titel" oder "Bezeichnung" nennen k�nnen.

Im Anhang sende ich mal zwei Bilder (wie es sein soll und allen Browsern != IE angezeigt wird [soll.png] und wie es im IE angezeigt wird [ist.png]) und hier nochmal den Originalquellcode (Ohne Reduktion der irrelevanten Daten)

HTML Code:

<table border="0" style="height: 259px; width: 910px; background-image: url('/themes/theme400/images/background_kreditkarte.png');">

<tr style="height: 48px;">
<td>&nbsp;</td>
<td style="padding-top: 14px; font-weight: bold;" colspan="2"><b>&raquo; Senior Buchhalter (m/w)</td>
<td style="padding-top: 14px;"><img src="/themes/theme400/images/rot.png" alt="geschlossen" title="geschlossen"><img src="/themes/theme400/images/gelb.png\" alt="l&auml;uft" title="l&auml;uft"><img src="/themes/theme400/images/gruen.png\" alt="offen" title="offen"></td>
<td>&nbsp;</td>
<td style="padding-top: 14px; font-weight: bold;" colspan="2"> &raquo; Funknetzoptimierung Pro - D... 2008 + &quot;16+1&quot; (m/w)</td>
<td style="padding-top: 14px;"><img src="/themes/theme400/images/rot.png" alt="geschlossen" title="geschlossen"><img src="/themes/theme400/images/gelb.png\" alt="l&auml;uft" title="l&auml;uft"><img src="/themes/theme400/images/gruen.png\" alt="offen" title="offen"></td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>

<tr>
<td style="width: 25px;">&nbsp;</td>
<td style="width: 100px;">Standort</td>
<td style="width: 240px;">D-6</td>
<td style="width: 70px;">&nbsp;</td>
<td style="width: 40px;">&nbsp;</td>
<td style="width: 100px;">Postleitzahl</td>
<td style="width: 240px;">M&uuml;nchen</td>
<td style="width: 70px;">&nbsp;</td>
<td style="width: 25px;">&nbsp;</td>
</tr>

<tr>
<td>&nbsp;</td>
<td>Start</td>
<td>nach Vereinbarung</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>Start</td>
<td>asp / nach Vereinbarung</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>

<tr>
<td>&nbsp;</td>
<td>Laufzeit</td>
<td>Langfristig</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>Laufzeit</td>
<td>Festanstellung</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>

<tr>
<td>&nbsp;</td>
<td>Art</td>
<td>Festanstellung</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>

<tr>
<td>&nbsp;</td>
<td colspan="3">Aufgabenbeschreibung</td>
<td>&nbsp;</td>
<td colspan="3">Aufgabenbeschreibung</td>
<td>&nbsp;</td>
</tr>

<tr>
<td>&nbsp;</td>
<td colspan="3">Beratung bei Steuerfragen, Steuerplanung sowie Betriebspr&uuml;fungen, Recherche und Erstellung von Steuerrichtlinien, Arbeitsanweisungen, <a href="/node/87/3" style="color: #ff6500;">... &raquo;&raquo;</a></td>
<td>&nbsp;</td>
<td colspan="3">Durchf&uuml;hrung von Ma&szlig;nahmen im Rahmen der Funknetzoptimierung (Schwerpunkt Erstoptimierung, Barring und Portierung) zur Verbesserung der Netzqualit&auml;t im 2G und 3G-Netz, mit der ... &raquo;&raquo;</td>
<td>&nbsp;</td>
</tr>

</table>

Attached Files

**Efchen** · 30.03.2011, 10:18

Originally posted by hamburger_1983 View Post

hier nochmal den Originalquellcode (Ohne Reduktion der irrelevanten Daten)

Wenn das alles ist, dann muss ich sagen: Da fehlt der Doctype, der gesamte head und das body-Tag.

Und nach wie vor - auf die Gefahr hin, dass Du Dich �rgerst, weil ich Dein scheinbar eigentliches Problem nicht beantworte - bin ich der Meinung, dass die Tabelle nicht richtig ist. Ich sehe da keine wirklichen tabellarischen Daten, dazu geh�rt auch, dass die klassischen Spalten�berschriften fehlen usw. Selbst die Daten zur Stellenbeschreibung sind ja keine tabellarischen Daten.

Ich bin der Meinung, dass Du Deinen Inhalt falsch ausgezeichnet hast, wenn Du das korrigierst, wirst Du Dein urspr�ngliches Problem auch nicht mehr haben, weil Du dann gar keine Tabelle mehr haben wirst.
Selbst wenn das mehrere Stellenbeschreibungen auf einer Seite werden sollen, dann wird das insgesamt bestenfalls eine Liste, aber keine Tabelle.

Ich kann mich irren, schlie�lich ziehe ich diese Informationen aus Deinen Screenshots und dem bisherigen Code, letztendlich musst Du wissen, wie Dein Inhalt gemeint ist, aber �berleg Dir das mal, ob Du hier wirklich tabellarische Daten hast, oder ob Du die Tabelle nur zu Layoutzwecken missbrauchst.

**hamburger_1983** · 30.03.2011, 10:27

Ok, dann nochmal der Bereich bis einschl. <body>

HTML Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html>";
<head>
<title>Testseite</title>
<meta http-equiv="Content-Style-Type" content="text/css"/>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-15">
<script type="text/javascript" src="/themes/theme400/libs/jslibs.js"></script>
<link rel="stylesheet" href="/themes/theme400/styles/main.css" type="text/css" media="screen" />
</head>
<body>

Den abschliessendes Body und html-Tag brauche ich wohl nicht zu erw�hnen

**Efchen** · 30.03.2011, 10:34

Du hast Deinen Code auch noch nicht validieren lassen, oder?
Der Doctype stimmt in jedem Fall nicht, Du sagst, es sei HTML 4.01 Transitional[1], aber verwendest die DTD f�r XHTML 1.0 Strict!?

K�nnte sein, dass der IE dann im Quirks Mode rendert. Verwende also einen richtigen Doctype, wo alle Browser im Standards Mode rendern.

Nach wie vor bin ich der Meinung, Dein Problem hat sich ob der falschen Auszeichnung in HTML bereits in Luft aufgel�st.

Gr��e,
-Efchen

[1] Wieso Transitional? F�r welchen �bergang arbeitest Du? �bergang? Na, "Transitional" hei�t doch "�bergang~", ist eigentlich eingef�hrt, um alte Websites aus den 1990ern mit einem Doctype versehen zu k�nnen, dass sie validieren. Neue Websites sollten niemals mit einer Transitional-Variante ausgezeichnet sein. Dazu kommt, dass man mit einer Transitional-Variante HTML nicht richtig lernt, weil man nur bei Strict auf seine Fehler richtig hingewiesen wird.

**hamburger_1983** · 30.03.2011, 10:37

Originally posted by Efchen View Post

Ich sehe da keine wirklichen tabellarischen Daten, dazu geh�rt auch, dass die klassischen Spalten�berschriften fehlen usw.

Die Spalten�berschriften sind in dem Fall nicht �ber den dazugeh�rigen Daten, sondern links davon:

Beispiel:
�berschrift: Standort
Datum: D-6

Originally posted by Efchen View Post

Selbst die Daten zur Stellenbeschreibung sind ja keine tabellarischen Daten.

Die Stellenbeschreibung f�llt unter die �berschrift "Titel", die hier allerdings nicht angezeigt werden soll.

Originally posted by Efchen View Post

Ich bin der Meinung, dass Du Deinen Inhalt falsch ausgezeichnet hast

Falsch ausgezeichnet = Ohne Spalten�berschrift?

Originally posted by Efchen View Post

dann wird das insgesamt bestenfalls eine Liste, aber keine Tabelle.

Das Tabellenlayout wurde von meinem Chef so vorgegeben und ich soll das umwandeln. Im Gegensatz zu mir hat er allerdings nie in dem Bereich Programmierung gelernt und l�sst sich auch nicht ausreden, dass nicht alles genauso klappt wie er es sich vorstellt, denn es MUSS funktionieren.

Originally posted by Efchen View Post

Ich kann mich irren, schlie�lich ziehe ich diese Informationen aus Deinen Screenshots und dem bisherigen Code, letztendlich musst Du wissen, wie Dein Inhalt gemeint ist, aber �berleg Dir das mal, ob Du hier wirklich tabellarische Daten hast, oder ob Du die Tabelle nur zu Layoutzwecken missbrauchst.

**hamburger_1983** · 30.03.2011, 10:41

selbst eine Umstellung auf

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

hat nicht wirklich was gebracht.

Das kommt also davon, wenn man in seiner Ausbildung nichts beigebracht bekommt, sondern sich alles selbst aneignen muss - nur Stress im sp�teren Arbeitsleben

**Efchen** · 30.03.2011, 11:16

Originally posted by hamburger_1983 View Post

Die Spalten�berschriften sind in dem Fall nicht �ber den dazugeh�rigen Daten, sondern links davon:

Dein Code hat aber keine Spalten�berschriften.

Falsch ausgezeichnet = Ohne Spalten�berschrift?

Was es f�r mich schwierig macht, DIr zu antworten ist, dass Du Aussehen und Semantik miteinander mischst. Das eine hat mit dem anderen ncihts zu tun. Die Auszeichnung in HTML hat prim�r nichts damit zu tun, wie es sp�ter aussehen soll, genauso, wie das geplante Aussehen nicht ausschlaggebend daf�r ist, welches Tag Du verwendest.

Das Tabellenlayout wurde von meinem Chef so vorgegeben

Wuuaaahhhh.

und ich soll das umwandeln.

Na, dann mach das :-)

Im Gegensatz zu mir hat er allerdings nie in dem Bereich Programmierung gelernt

Habe ich auch, daher wei� ich auch, dass wir hier nicht im Geringsten �ber Programmierung sprechen. Weder HTML noch CSS haben auch nur im Entferntesten mit Programmierung zu tun. Nicht jede "Computersprache" ist auch gleich eine Programmiersprache.

und l�sst sich auch nicht ausreden, dass nicht alles genauso klappt wie er es sich vorstellt, denn es MUSS funktionieren.

Man kann sein Gl�ck nicht immer erzwingen.

Aussehen soll es ja wie folgt:

Nun, ich sprach in den letzten Beitr�gen von mir von der Semantik, nicht vom Aussehen.

Prinzipiell k�nnte man Deine Daten schon als Tabelle auszeichnen, so wie Du sie jetzt hier darstellst.

Dein Doctype ist �brigens immer noch falsch. Jetzt verwendest Du XHTML 1.0 Transitional (immer noch Transitional!?), aber immer noch die DTD von Strict.

Das kommt also davon, wenn man in seiner Ausbildung nichts beigebracht bekommt, sondern sich alles selbst aneignen muss - nur Stress im sp�teren Arbeitsleben

Ich habe w�hrend meiner Ausbildung zum DV-KFM Anfang der 90er Jahre Festplattenstapel mit einem Durchmesser von 50cm und einer Dicke von 30cm und etlichen Kilogramm Gewicht gezeigt bekommen.
Mein HTML-/CSS-Wissen habe ich mir auch selbst angeeignet. Das funktioniert schon...wenn man die richtigen Quellen hat ;-)

Ich pers�nlich h�tte jetzt gerne einen Link zur Seite. Hast Du schonmal nach den Tabellen-Bugs vom IE gegooglet?

Announcement

IE stellt Tabelle falsch dar

IE stellt Tabelle falsch dar

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment