besi21: Bild bei IE6 über den Tabellenrand verschoben

Beitrag lesen

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 ###############################