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

Darstellungsfehler - Rowspan im Internet Explorer

Status
Für weitere Antworten geschlossen.
V

Verzweifelt

Neues Mitglied
Hi Allerseits,

ich bin (aufgrund meiner sehr beschränkten Html-Programmierkenntnisse) langsam am verzweifeln. Dabei ist das Problem wirklich supersimpel..

Ich habe im Photoshop eine Website entworfen und diese dann automatisch als html (Tabelle) exportiert.

Main-passend-versch-newsl

Jetzt soll sich der weiße Kasten rechts immer dem Text anpassen, d.h. länger werden wenn mehr Text kommt.

Den Feldern in der Navigationsleiste hab' ich feste Höhen zugewiesen (jeweils 26px) - bis auf das unterste, weil sich das ja einfach die restliche Höhe nehmen soll.
Das Ganze klappt auch wunderbar im Firefox, der Internet Explorer zerreist mir aber die Navigationsleiste weil er die definierten Höhen ignoriert.
Wie kann ich das ändern?

PS. bin wohl nicht der einzige der das Problem mit Rowspan im IE hat, aber versch. Lösungsmöglichkeiten im Web haben entweder nicht funktioniert oder hab' ich nicht verstanden:-(

lg
Verzweifelt
Code: 
<html>
<head>
<title>Main-passend-versch-newsl</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#BCF0FF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Main-passend-versch-newsl.psd) -->
<table id="Table_01" width="856" height="524" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="4">
            <img src="images/index_01.jpg" width="679" height="35" alt=""></td>
        <td>
            <a href="eng_index.html">
                <img src="images/flagge.jpg" width="56" height="35" border="0" alt=""></a></td>
        <td colspan="2" bgcolor="#BCF0FF">
            <a href="eng_index.html">
                <img src="images/sprache.jpg" width="121" height="35" border="0" alt="Change Language"></a></td>
    </tr>
    <tr>
        <td>
            <img src="images/foto.jpg" width="116" height="82" alt=""></td>
        <td colspan="3" bgcolor="#BCF0FF">
            <img src="images/header.jpg" width="563" height="82" alt=""></td>
        <td colspan="3" bgcolor="#BCF0FF">
            <img src="images/header_rest.jpg" width="177" height="82" alt=""></td>
    </tr>
    <tr>
        <td colspan="2" bgcolor="#BCF0FF">
            <img src="images/nav_top.jpg" width="199" height="31" alt=""></td>
        <td colspan="5" bgcolor="#BCF0FF">
            <img src="images/info_top.jpg" width="657" height="31" alt=""></td>
    </tr>
    <tr>
        <td height="26" colspan="2" bgcolor="#BCF0FF">
            <a href="deu_akt.html">
                <img src="images/akt.jpg" width="199" height="26" border="0" alt="Aktuelles"></a></td>
        <td rowspan="10" background="images/info_left.jpg" bgcolor="#BCF0FF">&nbsp;</td>
        <td width="602" height="337" colspan="3" rowspan="10" bgcolor="#FFFFFF">Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, Blindtext, </td>
        <td rowspan="10" background="images/info_right.jpg" bgcolor="#BCF0FF">&nbsp;</td>
    </tr>
    <tr>
        <td height="26" colspan="2" bgcolor="#BCF0FF">
            <a href="deu_ber.html">
                <img src="images/ber.jpg" width="199" height="26" border="0" alt="Berufliche Laufbahn"></a></td>
    </tr>
    <tr>
        <td height="26" colspan="2" bgcolor="#BCF0FF">
            <a href="deu_arb.html">
                <img src="images/arb.jpg" width="199" height="26" border="0" alt="Arbeitsschwerpunkte"></a></td>
    </tr>
    <tr>
        <td height="26" colspan="2" bgcolor="#BCF0FF">
            <a href="deu_leh.html">
                <img src="images/leh.jpg" width="199" height="26" border="0" alt="Lehre"></a></td>
    </tr>
    <tr>
        <td height="26" colspan="2" bgcolor="#BCF0FF">
            <a href="deu_pro.html">
                <img src="images/pro.jpg" width="199" height="26" border="0" alt="Projekte"></a></td>
    </tr>
    <tr>
        <td height="26" colspan="2" bgcolor="#BCF0FF">
            <a href="deu_ver.html">
                <img src="images/ver.jpg" width="199" height="26" border="0" alt="Veröffentlichungen"></a></td>
    </tr>
    <tr>
        <td height="26" colspan="2" bgcolor="#BCF0FF">
            <a href="deu_tea.html">
                <img src="images/tea.jpg" width="199" height="26" border="0" alt="Team"></a></td>
    </tr>
    <tr>
        <td height="26" colspan="2">
            <a href="deu_lin.html">
                <img src="images/lin.jpg" width="199" height="26" border="0" alt="Links"></a></td>
    </tr>
    <tr>
        <td height="26" colspan="2">
            <a href="deu_kon.html">
                <img src="images/kon.jpg" width="199" height="26" border="0" alt="Kontakt"></a></td>
    </tr>
    <tr>
        <td colspan="2" background="images/nav_gross.jpg" bgcolor="#BCF0FF">&nbsp;</td>
    </tr>
    <tr>
        <td colspan="7" bgcolor="#BCF0FF">
            <img src="images/footer.jpg" width="856" height="38" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/spacer.gif" width="116" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="83" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="28" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="452" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="56" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="94" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="27" height="1" alt=""></td>
    </tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
 
ich habs nicht genau ausgerechnet, aber uebern Daumen ist die Addition deiner einzelnen Feldhoehen mehr als die voreingestellte Gesamthoehe deiner Tabelle?
 
edi schrieb:
ich habs nicht genau ausgerechnet, aber uebern Daumen ist die Addition deiner einzelnen Feldhoehen mehr als die voreingestellte Gesamthoehe deiner Tabelle?
Zum Vergrößern anklicken....

hallo edi,

du hast recht, allerdings bleibt das Ergebnis dasselbe wenn ich der Tabelle keine feste Höhe gebe, oder wenn ich eine viel zu große Höhe gebe.
Hab auch schon versucht den Bereich der gestrecht werden soll als seperate Tabelle zu machen (also alles oben und unten zu löschen)
Die Navigation wird auch weiterhin zerrissen.
 
okay, hast Du schon mal ein Fehler mit der Hoehe.
zweitens: deine erste Reihe hat sieben Spalten. Die vierte Reihe hat aber nur noch fuenf Spalten. Pruefe also dein Areal auf gleiche Felderanzahlen.
 
Ich will ja nicht überheblich klingen, aber Tabellen wurden nicht dafür geschaffen, um sie als Internetseiten-Layout zu vergewaltigen. Dazu gibt es CSS (Stylesheet) und dann sieht man bei einem Fehler auch durch. Bei deinem Kauderwelsch bezweifle ich, dass sich irgend jemand die Mühe macht, dass zu interpretieren...
Links dazu, Tabellen vs. CSS, für was sind Tabellen:
SELFHTML: HTML/XHTML / Tabellen / Tabellen als Mittel für Web-Seiten-Layouts
CSS- contra Tabellen-Layout, Vorteile und Nachteile von div und table
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben