besi21: Bild bei IE6 über den Tabellenrand verschoben

Hallo,

wie kann ich die Abweichung folgender Tabelle in den Griff bekommen.
Hier zu sehen.
http://www.test.fewobesler.de/index.php?id=4

Die Tabelle unten mit dem Bad links, Text in der Mitte, und Bild Schlafzimmer recht. Beim FF wird das Bild richtig rechts angeordnet. Beim IE6 wird das Bild abgeschnitten.

mfg
stefan

  1. Liebe(r) besi21,

    wie kann ich die Abweichung folgender Tabelle in den Griff bekommen.
    http://www.test.fewobesler.de/index.php?id=4

    bring erst einmal den Validator zum Schweigen, dann machen wir hier weiter.

    Liebe Grüße aus Ellwangen,

    Felix Riesterer.

    --
    ie:% br:> fl:| va:) ls:[ fo:) rl:° n4:? de:> ss:| ch:? js:) mo:} zu:)
    1. Liebe(r) besi21,

      wie kann ich die Abweichung folgender Tabelle in den Griff bekommen.
      http://www.test.fewobesler.de/index.php?id=4

      bring erst einmal den Validator zum Schweigen, dann machen wir hier weiter.

      Liebe Grüße aus Ellwangen,

      Felix Riesterer.

      Ja Validator !!! Da kannst Du wohl recht haben. Die Seite ist in Typo3 erstellt. Das macht das ganze nicht einfacher. Ich werds mir mal anschauen.

      mfg

      1. Liebe(r) besi21,

        Ja Validator !!! Da kannst Du wohl recht haben. Die Seite ist in Typo3 erstellt. Das macht das ganze nicht einfacher. Ich werds mir mal anschauen.

        viele Installationen mit Typo3 scheinen schlampig erstellte Templates zu haben, denn sie produzieren nicht-validen Code. In Deinem Beispiel finden sich mehrer ineinander geschachtelte <p>-Elemente, was absolut nicht sein darf! Das sieht dann z.B. so aus: <p><p class="bodytext">...</p></p>

        Liebe Grüße aus Ellwangen,

        Felix Riesterer.

        --
        ie:% br:> fl:| va:) ls:[ fo:) rl:° n4:? de:> ss:| ch:? js:) mo:} zu:)
        1. Liebe(r) besi21,

          Ja Validator !!! Da kannst Du wohl recht haben. Die Seite ist in Typo3 erstellt. Das macht das ganze nicht einfacher. Ich werds mir mal anschauen.

          viele Installationen mit Typo3 scheinen schlampig erstellte Templates zu haben, denn sie produzieren nicht-validen Code. In Deinem Beispiel finden sich mehrer ineinander geschachtelte <p>-Elemente, was absolut nicht sein darf! Das sieht dann z.B. so aus: <p><p class="bodytext">...</p></p>

          Liebe Grüße aus Ellwangen,

          Felix Riesterer.

          Hallo Felix, Ellwangen liegt doch gar nicht weit weg vom Allgäu oder??? Schau! So nun ist der Code valide!!! http://www.test.fewobesler.de/index.php?id=4

          Mein Problem mit dem Bild in der Tabelle, dass im IE6 über den rechten Tabellenrand ragt, ist noch nicht behoben. Hier mal mein aus T3 generierter Quellcode. ############ #Start 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" lang="de">   <head>     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />     <!--     Created by Besler      This website is powered by TYPO3 - inspiring people to share!      TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL.      TYPO3 is copyright 1998-2008 of Kasper Skaarhoj. Extensions are copyright of their respective owners.      Information and contribution at http://typo3.com/ and http://typo3.org/     -->     <link rel="stylesheet" type="text/css" href="typo3temp/stylesheet_e35921c71f.css" />     <style type="text/css" media="screen, projection" title="Standardansicht">    @import "fileadmin/vorlagen/basic.css";     @import "fileadmin/vorlagen/sb.css";     </style>     <title>Ferienwohnung     </title>     <meta name="generator" content="TYPO3 4.2 CMS" /> <script type="text/javascript" src="typo3temp/javascript_0b12553063.js"></script>   </head>   <body>     <div id="alles">       <div id="head" style="background: transparent url(uploads/media/head-fewo.jpg) no-repeat 0 0;">         <address>Familie Besler<br />         Winkel 8b<br />         87527 Sonthofen<br />         Tel: 0049 (0)8321 6076010         </address>         <div id="logo">Ferienwohnung         </div>       </div>       <div id="navoben">         <ul><li>           <a href="index.php?id=5" onfocus="blurLink(this);">             <span> Home-             </span></a></li><li>           <a href="index.php?id=4" onfocus="blurLink(this);">             <span> Ferienwohnung             </span></a></li><li>           <a href="index.php?id=2" onfocus="blurLink(this);">             <span> Anfrage             </span></a></li><li>           <a href="index.php?id=3" onfocus="blurLink(this);">             <span> Umgebung             </span></a></li><li>           <a href="index.php?id=6" onfocus="blurLink(this);">             <span> Kontakt             </span></a></li>         </ul>       </div>       <div id="inhalt">         <div class="pfad">Sie befinden sich hier: &nbsp;           <a href="index.php?id=15" onfocus="blurLink(this);">fewobesler</a>&nbsp;/&nbsp;           <a href="index.php?id=4" onfocus="blurLink(this);">Ferienwohnung</a>&nbsp;/&nbsp;         </div>         <div id="navbox">           <ul>             <li class="oben">&nbsp;</li><li>             <blockquote class="oben1">               </blockquote></li><li>               <a href="index.php?id=16" onfocus="blurLink(this);" class="eins">Neuer Punkt....??</a></li><li>               <a href="index.php?id=17" onfocus="blurLink(this);" class="eins">Angebot</a></li><li>               <a href="index.php?id=14" onfocus="blurLink(this);" class="eins">Angebot</a></li><li>               <a href="index.php?id=13" onfocus="blurLink(this);" class="eins">Preise</a></li><li>               <a href="index.php?id=12" onfocus="blurLink(this);" class="eins">Panorama</a></li><li>               <a href="index.php?id=11" onfocus="blurLink(this);" class="eins">Sonstiges</a></li><li>               <blockquote class="unten1">                 </blockquote></li>                 <li class="unten"></li>           </ul>         </div>         <div id="box-top"><h1>Die Ferienwohnung für Ihre Erholung</h1>           <div class="csc-textpic csc-textpic-center csc-textpic-above">             <div class="csc-textpic-imagewrap" style="width:560px;">               <dl class="csc-textpic-image csc-textpic-lastcol" style="width:560px;">                 <dt>                   <img src="uploads/pics/pano-dach_01.jpg" width="560" height="115" border="0" alt="" />                 </dt>               </dl>             </div>           </div>           <div class="csc-textpic-clear">             <!-- -->           </div>         </div>         <div class="raised">           <b class="b1"></b>           <b class="b2"></b>           <b class="b3"></b>           <b class="b4"></b>           <div class="boxcontent">             <p class="bodytext">Die Kombination von Farbe und Licht im Raum schafft eine entspannte Atmosphäre in Ihrer Ferienwohnung. Durch die großen     Fensterflächen ist auch bei schlechter Witterung noch genügend Tageslicht vorhanden. Die Wohnfläche     beträgt 52 qm, die Terrasse mit Süd- und Westseite 35 qm.             </p>           </div>           <b class="b4b"></b>           <b class="b3b"></b>           <b class="b2b"></b>           <b class="b1b"></b>         </div>         <div class="csc-textpic csc-textpic-intext-right-nowrap">           <div class="csc-textpic-imagewrap">             <dl class="csc-textpic-image csc-textpic-firstcol csc-textpic-lastcol" style="width:300px;">               <dt>                 <img src="uploads/pics/terr.jpg" width="300" height="194" border="0" alt="" />               </dt>             </dl>           </div>           <div style="margin-right:310px;">             <div class="csc-textpic-text">               <div class="csc-textpicHeader csc-textpicHeader-25">                 <h2 class="doppelt">Terrasse</h2>               </div>               <p class="bodytext"> Die Terrasse ist nach Süden und Westen ausgerichtet. Der freie Blick auf die Alpen und umliegenden Dörfer, sowie die ruhige Lage bieten eine ideale Voraussetzung für Ihren wohlverdienten Urlaub. Die Sonne erreicht morgens die südliche Terrassenseite und gegen Mittag die Westseite der Terrasse.  Der Terrassenbelag besteht aus einem Porphyr-Naturstein. Terrassenmöbel aus Teakholz, sowie Liegestühle und Sonnenschirm sind vorhanden.               </p>               <p class="testbox">&nbsp;               </p>             </div>           </div>         </div>         <div class="csc-textpic-clear">           <!-- -->         </div>         <div class="csc-textpic csc-textpic-intext-right-nowrap">           <div class="csc-textpic-imagewrap">             <dl class="csc-textpic-image csc-textpic-firstcol csc-textpic-lastcol" style="width:300px;">               <dt>                 <img src="uploads/pics/wohnung-wz.jpg" width="300" height="200" border="0" alt="" />               </dt>             </dl>           </div>           <div style="margin-right:310px;">             <div class="csc-textpic-text">               <div class="csc-textpicHeader csc-textpicHeader-25">                 <h2 class="doppelt">Wohnzimmer - Küche</h2>               </div>               <p class="bodytext">Alle Räume sind mit einer Fußbodenheizung ausgestattet. Der runde Eßtisch, (1,00 - 1,50 ausziehbar) befindet sich vor den beiden großen Flügelfenster mit Blick auf das Alpenpanorama. Bei Bedarf lassen sich die Fenster mit einem Rolladen verschließen. Das Sofa kann schnell zu einem Bett (1,60 x 2,00 Meter.) umgebaut werden. Das Wohnzimmer ist mit Satelliten-TV ausgestattet.               </p>               <p class="bodytext"><b>Küchenzeile:</b><br />Eine komplett ausgestattete Küche mit Backofen, Kühlschrank, Toaster, Kaffeemaschine, Wasserkocher, Eierkocher, Geschirr, Töpfe, geräumigen Schränken... läßt keine Urlaubswünsche offen.               </p>             </div>           </div>         </div>         <div class="csc-textpic-clear">           <!-- -->         </div>         <table class="horiz_col">           <tr>             <td style="border: 0px dotted #333333; padding: 0px; vertical-align: top;">               <h2 class="doppelt">Bad</h2>               <div class="csc-textpic csc-textpic-left csc-textpic-above">                 <div class="csc-textpic-imagewrap">                   <dl class="csc-textpic-image csc-textpic-lastcol" style="width:244px;">                     <dt>                       <img src="uploads/pics/bad_17.jpg" width="244" height="261" border="0" alt="" />                     </dt>                   </dl>                 </div>               </div>               <div class="csc-textpic-clear">                 <!-- -->               </div>  </td>             <td style="border: 0px dotted #333333; padding: 0px; vertical-align: top;">       Text               <p class="bodytext">handtuch. Schlafzimmer: handtuch. Schlafzimmer: handtuch. Schlafzimmer: handtuch. Schlafzimmer: handtuch. Schlafzimmer: handtuch. Schlafzimmer: handtuch. Schlafzimmer: handtuch. Schlafzimmer: handtuch. Schlafzimmer: handtuch. Schlafzimmer: handtuch. Schlafzimmer:handtuch. Schlafzimmer: handtuch. Schlafzimmer: handtuch. Schlafzimmer: handtuch. Schlafzimmer: handtuch. Schlafzimmer: handtuch. Schlafzimmer: handtuch. Schlafzimmer: handtuch. Schlafzimmer: handtuch. Schlafzimmer: handtuch. Schlafzimmer: handtuch. Schlafzimmer:handtuch. Schlafzimmer: handtuch. Schlafzimmer: handtuch. Schlafzimmer: handtuch. Schlafzimmer: handtuch. Schlafzimmer: handtuch. Schlafzimmer: handtuch. Schlafzimmer: handtuch. Schlafzimmer: handtuch. Schlafzimmer: handtuch. Schlafzimmer: handtuch. Schlafzimmer:handtuch. Schlafzimmer: handtuch. Schlafzimmer: handtuch. Schlafzimmer: handtuch. Schlafzimmer: handtuch. Schlafzimmer: handtuch. Schlafzimmer: handtuch. Schlafzimmer: handtuch. Schlafzimmer: handtuch. Schlafzimmer: handtuch. Schlafzimmer: handtuch. Schlafzimmer:handtuch. Schlafzimmer: handtuch. Schlafzimmer: handtuch. Schlafzimmer: handtuch. Schlafzimmer: handtuch. Schlafzimmer: handtuch. Schlafzimmer: handtuch. Schlafzimmer: handtuch. Schlafzimmer: handtuch. Schlafzimmer: handtuch. Schlafzimmer: handtuch. Schlafzimmer:               </p>  </td>             <td style="border: 0px dotted #333333; padding: 0px; vertical-align: top;">               <h2 class="doppelt">Schlafzimmer</h2>               <div class="csc-textpic csc-textpic-right csc-textpic-above">                 <div class="csc-textpic-imagewrap">                   <dl class="csc-textpic-image csc-textpic-firstcol csc-textpic-lastcol" style="width:244px;">                     <dt>                       <img src="uploads/pics/schlafzimmer_05.jpg" width="244" height="197" border="0" alt="" />                     </dt>                   </dl>                 </div>               </div>               <div class="csc-textpic-clear">                 <!-- -->               </div>  </td>           </tr>         </table>       </div>       <!-- inhalt -->       <div id="footer">         <p class="foots">Familie Besler&nbsp; | &nbsp; Winkel 8b&nbsp; | &nbsp; 87527 Sonthofen   &nbsp; | &nbsp; Tel: 0049(0)8321 60760-10 &nbsp; | &nbsp; Fax: 0049(0)8321 60760-11 &nbsp; | &nbsp;           <a href="impressum.html">Impressum</a>         </p>       </div>       <!-- alles -->     </div>   </body> </html>

          ############################### #Ende html ###############################

          1. Liebe(r) besi21,

            bitte zitiere sinnvoll. Mein komplettes Posting an den Anfang zu stellen war nicht gerade sinnvoll, noch viel weniger der komplette HTML-Code, der über Deinen Link zuvor längst erreichbar und bekannt war!

            Hallo Felix, Ellwangen liegt doch gar nicht weit weg vom Allgäu oder???

            Warum drei Fragezeichen? Ist diese Frage so unglaublich?

            Schau! So nun ist der Code valide!!! http://www.test.fewobesler.de/index.php?id=4

            Das ist er - ja. Jetzt kann man anfangen, Fehler zu suchen.

            Zuallererst frage ich mich, was der strukturelle Sinn hinter folgendem Code-Gerüst sein soll:

            <div id="inhalt">
                <div class="pfad">Sie befinden sich hier: &nbsp;<a href="index.php?id=15" onfocus="blurLink(this);">fewobesler</a>&nbsp;/&nbsp;<a href="index.php?id=4" onfocus="blurLink(this);">Ferienwohnung</a>&nbsp;/&nbsp;</div>
            

            Deine Breadcrumbs-Navi möchte so gerne ein echter Textabsatz sein.

            Deine Navi ist strukturell stark überfrachtet. Muss das so sein? Insbesondere will mir nicht einleuchten, warum die ersten beiden Listenpunkte leer sind (der zweite mit einem leeren <blockquote>-Element, dessen Sinn sich mir strukturell noch viel weniger erschließen will). Das Ganze kapselst Du in ein <div>-Element. Das hätte nicht sein müssen, da Du die ID "navbox" auch dem <ul>-Element selbst hättest geben können. Das <div>-Element hätte ich dann für sinnvoll erachtet, wenn Du vor das <ul>-Element noch eine Unterüberschrift gesetzt hättest, die klar macht, dass die folgende Liste eine Navi ist. Ein <h2>Navigation</h2> tut dort ja nun wahrlich nicht weh. Und wer es nicht sehen will, der verpasst ihm ein #navbox h2 {display:none;}. So hat Dein Code eine unnötig komplizierte Struktur:

            <div id="navbox">
                <ul>
                    <li class="oben">&nbsp;</li>
                    <li><blockquote class="oben1"></blockquote></li>
                    <li><a href="index.php?id=16" onfocus="blurLink(this);" class="eins">Neuer Punkt....??</a></li>
                    <li><a href="index.php?id=17" onfocus="blurLink(this);" class="eins">Angebot</a></li>
                    <li><a href="index.php?id=14" onfocus="blurLink(this);" class="eins">Angebot</a></li>
                    <li><a href="index.php?id=13" onfocus="blurLink(this);" class="eins">Preise</a></li>
                    <li><a href="index.php?id=12" onfocus="blurLink(this);" class="eins">Panorama</a></li>
                    <li><a href="index.php?id=11" onfocus="blurLink(this);" class="eins">Sonstiges</a></li>
                    <li><blockquote class="unten1"></blockquote></li>
                    <li class="unten"></li>
                </ul>
            </div>
            

            Als nächstes bewundern wir doch einmal Deine Tabelle.

            Warum muss das dort eine Tabelle sein? Auf der Seite werden keine tabellarischen Inhalte präsentiert. Wozu also die Tabelle? Wegen der Anordnung der Bilder und dem Text dazwischen? Das machst Du besser mit CSS! Schau Dir doch die Struktur Deines Code-Monsters einmal an! Da geben sich definitionslisten in Deiner Tabelle, diverse Textabsätze und leere <div>-Elemente ihr Stelldichein. Ist das überhaupt noch überschaubar? Ich finde nicht! Aber schau selbst:

            <table class="horiz_col">
                <tr>
                    <td style="border: 0px dotted #333333; padding: 0px; vertical-align: top;">
                        <h2 class="doppelt">Bad</h2>
                        <div class="csc-textpic csc-textpic-left csc-textpic-above">
                            <div class="csc-textpic-imagewrap">
                                <dl class="csc-textpic-image csc-textpic-lastcol" style="width:244px;">
                                    <dt>
                                        <img src="uploads/pics/bad_17.jpg" width="244" height="261" border="0" alt="" />
                                    </dt>
                                </dl>
                            </div>
                        </div>
                        <div class="csc-textpic-clear"><!-- --></div>
                    </td>
                    <td style="border: 0px dotted #333333; padding: 0px; vertical-align: top;">
                        Text<p class="bodytext">handtuch. Schlafzimmer: handtuch.[...] </p>
                    </td>
                    <td style="border: 0px dotted #333333; padding: 0px; vertical-align: top;">
                        <h2 class="doppelt">Schlafzimmer</h2>
                        <div class="csc-textpic csc-textpic-right csc-textpic-above">
                            <div class="csc-textpic-imagewrap">
                                <dl class="csc-textpic-image csc-textpic-firstcol csc-textpic-lastcol" style="width:244px;">
                                    <dt>
                                        <img src="uploads/pics/schlafzimmer_05.jpg" width="244" height="197" border="0" alt="" />
                                    </dt>
                                </dl>
                            </div>
                        </div>
                        <div class="csc-textpic-clear"><!-- --></div>
                    </td>
                </tr>
            </table>
            

            Ich will Deine Arbeit hier nicht einfach nur "runter machen", auch wenn es im Moment erst so aussieht. Jedoch weigere ich mich, durch so ein Code-Monster zu forschen, wo denn da der Anzeigefehler herrührt! Dazu bin ich nicht genügend masochistisch veranlagt. Daher mein Vorschlag:

            Reduziere Deinen Code auf ein Minimum! Dann kann man ihn mit CSS sinnvoll gestalten und auch wesentlich leichter Fehler finden. Und damit Du siehst, wie ich das meine, mache ich den Anfang für Dich:

            <!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" lang="de">
            <head>
                <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
                <title>Ferienwohnung</title>
            </head>
            <body>
            <div id="alles">
            <!-- inhalt -->
                <div id="inhalt">
                    <p id="breadcrumbs">Sie befinden sich hier: &nbsp;<a href="index.php?id=15">fewobesler</a>&nbsp;/&nbsp;<a href="index.php?id=4">Ferienwohnung</a>&nbsp;/&nbsp;</p>
                    <div id="navbox">
                        <h2>Themen</h2>
                        <ul>
                            <li><a href="index.php?id=16">Neuer Punkt....??</a></li>
                            <li><a href="index.php?id=17">Angebot</a></li>
                            <li><a href="index.php?id=14">Angebot</a></li>
                            <li><a href="index.php?id=13">Preise</a></li>
                            <li><a href="index.php?id=12">Panorama</a></li>
                            <li><a href="index.php?id=11">Sonstiges</a></li>
                        </ul>
                    </div>
            
                    <h1>Die Ferienwohnung für Ihre Erholung</h1>
                    <p><img src="uploads/pics/pano-dach_01.jpg" width="560" height="115" alt="" /></p>
            
                    <p class="raised">Die Kombination von Farbe und Licht im Raum schafft eine entspannte Atmosphäre in Ihrer Ferienwohnung. Durch die großen Fensterflächen ist auch bei schlechter Witterung noch genügend Tageslicht vorhanden. Die Wohnfläche beträgt 52 qm, die Terrasse mit Süd- und Westseite 35 qm.</p>
            
                    <div class="box">
                        <h2><img src="uploads/pics/terr.jpg" width="300" height="194" alt="" />Terrasse</h2>
                        <p>Die Terrasse ist nach Süden und Westen ausgerichtet. Der freie Blick auf die Alpen und umliegenden Dörfer, sowie die ruhige Lage bieten eine ideale Voraussetzung für Ihren wohlverdienten Urlaub. Die Sonne erreicht morgens die südliche Terrassenseite und gegen Mittag die Westseite der Terrasse. Der Terrassenbelag besteht aus einem Porphyr-Naturstein. Terrassenmöbel aus Teakholz, sowie Liegestühle und Sonnenschirm sind vorhanden.</p>
                    </div>
            
                    <div class="box">
                        <h2><img src="uploads/pics/wohnung-wz.jpg" width="300" height="200" alt="" />Wohnzimmer - Küche</h2>
                        <p>Alle Räume sind mit einer Fußbodenheizung ausgestattet. Der runde Eßtisch, (1,00 - 1,50 ausziehbar) befindet sich vor den beiden großen Flügelfenster mit Blick auf das Alpenpanorama. Bei Bedarf lassen sich die Fenster mit einem Rolladen verschließen. Das Sofa kann schnell zu einem Bett (1,60 x 2,00 Meter.) umgebaut werden. Das Wohnzimmer ist mit Satelliten-TV ausgestattet.</p>
                        <h3>Küchenzeile</h3>
                        <p>Eine komplett ausgestattete Küche mit Backofen, Kühlschrank, Toaster, Kaffeemaschine, Wasserkocher, Eierkocher, Geschirr, Töpfe, geräumigen Schränken... läßt keine Urlaubswünsche offen.</p>
                    </div>
            
                    <div class="box-left">
                        <h2>Bad</h2>
                        <p><img src="uploads/pics/bad_17.jpg" width="244" height="261" alt="" /></p>
                    </div>
                    <div class="box-right">
                        <h2>Schlafzimmer</h2>
                        <p><img src="uploads/pics/schlafzimmer_05.jpg" width="244" height="197" alt="" /></p>
                    </div>
                    <p>Schlafzimmer: handtuch. Schlafzimmer: handtuch....</p>
                </div>
            <!-- /inhalt -->
            
                <div id="head">
                    <address>Familie Besler<br />
                    Winkel 8b<br />
                    87527 Sonthofen<br />
                    Tel: +49 (0)8321 6076010</address>
                </div>
            
                <div id="navoben">
                    <ul>
                        <li><a href="index.php?id=5">Home</a></li>
                        <li><a href="index.php?id=4">Ferienwohnung</a></li>
                        <li><a href="index.php?id=2">Anfrage</a></li>
                        <li><a href="index.php?id=3">Umgebung</a></li>
                        <li><a href="index.php?id=6">Kontakt</a></li>
                    </ul>
                </div>
            
                <div id="footer">
                    <p>Familie Besler&nbsp; | &nbsp; Winkel 8b&nbsp; | &nbsp; 87527 Sonthofen &nbsp; | &nbsp; Tel: 0049(0)8321 60760-10 &nbsp; | &nbsp; Fax: 0049(0)8321 60760-11 &nbsp; | &nbsp;<a href="impressum.html">Impressum</a></p>
                </div>
            </div>
            </body>
            </html>
            

            Mir ist schon klar, dass Deine ganzen Stylesheets jetzt nicht mehr passen, aber dafür hast Du nun die Chance, mit einem sehr aufgeräumten XHTML-Dokument alle die Dinge zu gestalten, die Du vorher auch gestalten wolltest. Und das Beste daran ist: Es ist so übersichtlich, dass man Darstellungsfehler sehr schnell findet.

            Wenn Du den XHTML-Code jetzt so übernimmst, dann solltest Du rein mit CSS in der Lage sein, Deine bisherige Gestaltung wieder so hinzukriegen. Und wenn einmal kleine Details nicht gelingen wollen, dann kommst Du eben wieder hier her.

            Viel Glück damit und liebe Grüße aus Ellwangen,

            Felix Riesterer.

            --
            ie:% br:> fl:| va:) ls:[ fo:) rl:° n4:? de:> ss:| ch:? js:) mo:} zu:)
            1. Zuallererst frage ich mich, was der strukturelle Sinn hinter folgendem Code-Gerüst sein soll:

              <div id="inhalt">

              <div class="pfad">Sie befinden sich hier: &nbsp;<a href="index.php?id=15" onfocus="blurLink(this);">fewobesler</a>&nbsp;/&nbsp;<a href="index.php?id=4" onfocus="blurLink(this);">Ferienwohnung</a>&nbsp;/&nbsp;</div>

                
              Danke für die Mühe!  
              Dieser Code und der Rest wird von Typo3 erzeugt. Wie ich das ganze abspecken kann hab ich noch nicht so raus. Die gleiche Seite ist von mir auch komplett in CSS erzeugt worden "www.fewobesler.de". Wenn ich den Code mit dem von Typo3 vergleiche, sind von Typo3 50% mehr erzeugt.  
                
              Die Tabelle mit den Bildern rechts und links ist auf der fewobesler.de auch nur mit li angeordnet und per css.  
                
              Nun muss ich mal schauen wie ich Tyop3 zähmen kann.  
              mfg  
              besi21
              
  2. Hallo stefan,

    wäre nett wenn du den betroffenen code noch posten könntest :)
    übrigens du hast am ende einen kleinen fehler:
     ~~~html

    <a <!-- Hier stand ein '>' zu viel --> href="impressum.html">Impressum</a></p>

    Mit Freundlichen Grüßen,  
    Atom Waffel