• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Probleme mit Tabellen in IE

P

PStigerID

Neues Mitglied
Hallo liebes Forum,

Ich habe eine Tabelle (Größe 90%*100% des Bildschirmes). Die Zellen der Tabelle sollen mit Bildern gefüllt werden. (Also 100% * 100% der Zelle). Das Problem war das sich die Tabelle immer vertikal vergrößert hat. Dies habe ich mit folgendem Code behoben: Jedes TD Element wird als "position:relative" geführt und die Bilder mit "position:relative; top:0;left:0;" . Siehe:

HTML: 
        <table height="90%" width="100%" border="0" cellspacing="0" cellpadding="0" id="tab" bgcolor="#2f2f31" style="table-layout:fixed">
            <tr>
                <td  style="position: relative" colspan="6" rowspan="3">
                    <img style="position:absolute; top:0; left:0; display:inline-block;" src="top/0.png" height="100%" width="100%" border="0" />
                </td>
                <td  style="position: relative" width="6%" height="22%">
                    <img style="position:absolute; top:0; left:0; display:inline-block;" src="top/0a.png" height="100%" width="100%" border="0" id="facebook" />
                </td>
            </tr>
          
            <tr>
                <td  style="position: relative" height="22%">
                    <img style="position:absolute; top:0; left:0; display:inline-block;" src="top/0b.png" height="100%" width="100%" border="0" id="twitter" />
                </td>
            </tr>
          
            <tr>
                <td  style="position: relative" height="31%">
                    <img style="position:absolute; top:0; left:0; display:inline-block;" src="top/0c.png" height="100%" width="100%" border="0" id="google" />              
                </td>
            </tr>
          
            <tr height="25%">
                <td  style="position: relative" width="16%">
                    <img style="position:absolute; top:0; left:0; display:inline-block;" src="top/1o.png" height="100%" width="100%" border="0" id="menu1" />
                </td>
                <td  style="position: relative" width="17%">
                    <img style="position:absolute; top:0; left:0; display:inline-block;" src="top/2.png" height="100%" width="100%" border="0" id="menu2" />
                </td>
                <td  style="position: relative" width="17%">
                    <img style="position:absolute; top:0; left:0; display:inline-block;" src="top/3.png" height="100%" width="100%" border="0" id="menu3" /->
                </td>
                <td  style="position: relative" width="17%">
                    <img style="position:absolute; top:0; left:0; display:inline-block;" src="top/4.png" height="100%" width="100%" border="0" id="menu4" />
                </td>
                <td  style="position: relative" width="17%">
                    <img style="position:absolute; top:0; left:0; display:inline-block;" src="top/5.png" height="100%" width="100%" border="0" id="menu5" />
                </td>
                <td  style="position: relative" colspan="2">
                    <img style="position:absolute; top:0; left:0; display:inline-block;" src="top/6.png" height="100%" width="100%" border="0" id="menu6" />
                </td>
            </tr>
          </table>

Die Seite mit dem Code wird dann in ein Frameset eingefügt.

Dies funktioniert auch in allen Browsern...außer in meinem guten Freund dem IE. :mad: Da fehlen die Bilder!

Hat irgendjemand eine gute Idee dies zu lösen?

Danke!

PStiger
 
MrMurphy schrieb:
In der Regel passt der Pfad-/Dateiname nicht, zum Beispiel Groß-/Kleinschreibung.
Zum Vergrößern anklicken....
Hallo MrMurphy,

Danke für deine Antwort! Daran liegt es aber nicht. Die Pfad und Dateinamen stimmen 100%. Es funktioniert ja auch in allen anderen Browsern, unter anderem: Firefox, Chrome, Opera, Safari und Maxthon. Das Problem ist der Code, nicht die Dateien. Ohne die Style attribute bei den TD tags zeigt IE die Bilder ja auch an.

Grüße

PStiger
 
Ich vermute mal, dass du Fehler in den Styleanweidungen hast. Der IE verzeiht keine Fehler. Also, mal genau prüfen.

Ach, und Framsets sind sowas von altmodisch.
 
Zuletzt bearbeitet:
Hallo ihr Beiden,

djheke schrieb:
Ich vermute mal, dass du Fehler in den Styleanweidungen hast. Der IE verzeiht keine Fehler. Also, mal genau prüfen.
Zum Vergrößern anklicken....
Die Konsole zeigt keine Fehler an. Wenn du Zeit hast, könntest du dir mal den Code angucken? (Siehe Spoiler) - ich finde da keinen Fehler.

MrMurphy schrieb:
Wie sollen wir dir helfen wenn du uns die notwenigen Informationen vorenthälst?
Zum Vergrößern anklicken....
Entschuldige bitte! Ich dachte es währe Offensichtlich, da es ja in allen anderen Browsern funktioniert :)

Danke euch Beiden im voraus!

PStiger
 
Hallo,

du bist ein seltsamer Vogel:

Ich dachte es währe Offensichtlich, da es ja in allen anderen Browsern funktioniert
Zum Vergrößern anklicken....

Wie sollen wir das ohne Link zur Seite sehen? Aus deinem Quellcodeschnipsel jedenfalls nicht. Abgesehen davon, das nicht jeder die Zeit und Lust hat aus Quellcodeschnipseln eine Seite zu erstellen, die dann doch nicht funktioniert.

Wir helfen ja gerne, aber die Fragenden müssen uns schonmal die notwenigen Informationen überhaupt bereitstellen und es ist ein netter Zug, wenn wir die Informationen nicht erst zusammenbasteln müssen.

Gruss

MrMurphy
 
Guten Abend MrMurphy,

Anbei habe ich jetzt ein ZIP mit Beispielbildern und einer Beispielseite für dich erstellt.

Herzlich grüßt,

Der selbsame Vogel Tiger!
 

Anhänge

Mit "Link zur Seite" ist tatsächlich ein Link zur Seite gemeint - nicht das Bereitstellen eines ZIP-Archivs, welches bisher - wie man sieht - niemand runtergeladen hat, da es eine zusätzliche Hürde ist um dir zu helfen.
 
Hallo,

wie schon geschrieben helfen wir gerne.

Zu unserer Hilfe gehört aber nicht, das wir uns notwendigte Dateien runterladen und selbst zusammenschustern.

Oder erwartest du ernsthaft, das wir täglich unsere Zeit (und zwar jeder Hilfswillige für sich) damit vergeuden, die Seiten von fünf bis zehn Fragenden zusammenzuschustern? Natürlich dann auch jede Änderung, die der Fragende durchführt? Um dann häufig erfahren, das die eigentliche Datei doch "etwas" anderen Quellcode enthält oder das die bereitgestellten Daten leider veraltet waren. Oder das die Daten gar nicht funktionieren, der Fragende dies aber gar nicht bemerkt, weil er sich nicht mal die Mühe gemacht hat, seine Daten selbst zur Kontrolle wieder zu einer Webseite zusammenzustellen?

Wenn du die Seite bereitstellst entsteht diese Arbeit genau einmal und alle, die Hilfswilligen und du, haben den gleichen aktuellen Informationstand.

Gruss

MrMurphy
 
Müssen wir befürchten, dass es sich um eine Navigation handelt? Wenn ja google mal nach - Wie estelle ich eine Navigation in HTML-

Edit: Was soll das sein? War etwas zu spät.
 
Das ist, dass Problem- soll später noch was dazu kommen! Warum nimmst du Framesets. Bestimmt, weil du dir Tipparbeit ersparen möchtest. Das geht auch mit PHP include(). Also mach dich erstmal mit HTML/CSS vertraut und verschieb dein Projekt bis auf Weiteres.
 
Hallo djheke,

Das hilft mir jetzt grade auch nicht. Warum kommen wir nicht mal zu den Problem zurück: Warum zeigt IE die Bilder nicht an obwohl alle anderen Browser es machen?

Ob das jetzt ein Navigation ist oder nicht spielt ja eigentlich keine Rolle :)

Grüße

PStiger
 
Fällt dir hier etwas auf?
HTML: 
<html xmlns="http://www.w3.org/1999/xhtml">
<head></head>
<body style="background:#0080a2">
<doctype xhtml1-transitional.dtd"="" xhtml1="" tr="" www.w3.org="" "http:="" en"="" transitional="" 1.0="" xhtml="" dtd="" w3c="" "-="" public="" html="">
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>Problemseite</title>
<table id="tab" width="100%" height="90%" cellspacing="0" cellpadding="0" border="0" bgcolor="#2f2f31" style="table-layout:fixed">
</doctype>
</body>
</html>
 
Hallo Tronjer,

Tronjer schrieb:
Fällt dir hier etwas auf?
Zum Vergrößern anklicken....

Ja, der Code ist durcheinander! Allerdings sieht der Anfang der problem.htm Datei so aus:
HTML: 
<DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Problemseite</title>
</head>
<body style="background:#0080a2">
<table height="90%" width="100%" border="0" cellspacing="0" cellpadding="0" id="tab" bgcolor="#2f2f31" style="table-layout:fixed">

Daher stehe ich auf dem Slauch und weiß nicht was du meinst :(

Ich habe mal Doctype declarations weggenommen (also die ersten beiden Zeilen) - bringt aber auch nichts...

Grüße

PStiger
 
Hallo,

ich würde auch vorschlagen erst mal die Grundlagen zu lernen. Der head-Bereich ist nur Schrott und mit Frames wirst du nicht glücklich werden. Rate mal, warum die heutzutage kaum noch jemand anwendet?

Das war aber nicht deine Frage, die soll natürlich auch beantwortet werden.

Du gibst den Bildern "position:absolute" mit auf den Weg. Dadurch werden sie aus dem Textfluß gehoben und kennen im Prinzip keine umgebenden Elemente mehr (vereinfacht gesagt). Wenn die Bildgröße in % angegeben wird, bezieht sich das aber auf das umgebende Element. Position:absolute und Größenangaben in % zu einem einzigen Element (hier dem Bild) sind sachlich also falsch.

Das heißt, der IE zeigt die Bilder als einziger korrekt an, durch den Widerspruch in deinen Angaben nämlich gar nicht.

Das die anderen Browser die Bilder anzeigen ist also eigentlich falsch. Bei denen haben sich die Programmierer gedacht, wenn Bildadressen angegeben werden, will der Ersteller die wohl auch anzeigen. Also bauen wir als Hintertür ein, das die Bilder auch angezeigt werden, wenn der Quellcode eigentlich Schrott ist.

Du musst also das absolute rausschmeißen oder die Bildergröße z. B. in px angeben.

Gruss

MrMurphy
 
Zuletzt bearbeitet:
Hallo

wie schon geschrieben: ein Layout aus Tabellen und Frames oder sogar aus beidem zu erstellen ist nicht mehr zeitgemäß und problembehaftet.

Heutzutage wird zunächst der Inhalt einer Seite erstellt, dann das responsive Grundlayout und dann die eigentlich unnötige Verschönerung, falls die noch Not tut.

Bei deiner veralteten Vorgehensweise ist es auch schwierig dir zu helfen, da wir nicht wissen was die Seite überhaupt den Besuchern anbieten soll oder was du mitteilen willst.

Gruss

MrMurphy
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben