✔ Ausrichtung der Bilder funktioniert im ie nicht

Status
Nicht offen für weitere Antworten.
Hi,

löse den rowspan auf und platziere stattdessen in der rechten Spalte zwei DIVs übereinander, wobei
der obere die Höhe von 260 Pixeln erhält.
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Produktkatalog 2006 - Dokumentenkassetten</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
<!-- Original:  Jenny Blewitt (webmaster@webdesignsdirect.com) -->
<!-- Web Site:  http://www.webdesignsdirect.com -->

<!-- Begin
browserName = navigator.appName;
browserVer = parseInt(navigator.appVersion);

ns3up = (browserName == "Netscape" && browserVer >= 3);
ie4up = (browserName.indexOf("Microsoft") >= 0 && browserVer >= 4);

function doPic(imgName) {
if (ns3up || ie4up) {
imgOn = ("" + imgName);
document.mainpic.src = imgOn;
   }
}
//  End -->
</script>
<style type="text/css">
<!--
.style1 {font-family: Verdana, Arial, Helvetica, sans-serif}
body,td,th {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10pt;
}

ul {
list-style-type: square;
}

li {
margin-top: 5px;
}
-->
</style>
</head>

<body>
<table width="650" border="0" align="center" cellpadding="0" cellspacing="2">
  <tr>
    <td colspan="2" bgcolor="#66CCFF"><div align="center"><span class="style1"><br>
          <strong>Feuersichere Dokumentenkassette </strong><br>
              <br>
    </span></div></td>
  </tr>
  <tr>
    <td width="260" align="left" valign="top"><br><strong>Produktbeschreibung:<br>
      </strong>
        <ul>
          <li>stabile feuerfeste Dokumentenkassette bietet Brandschutz</li>
          <li>für wichtige wie z.B. Policen, Wertpapiere, Bargeld etc.</li>
          <li>im Din A4 Format</li>
          <li>Gewicht: 9,3 kg</li>
          <li>30 Minuten Sicherheit bei Temperaturen bis 840 Grad</li>
          <li>Laborgeprüfter Widerstandsgrad</li>
          <li>Zylinderschloss für zusätzlichen Diebstahlschutz</li>
          <li>Sicherheitsverriegelung aus solidem Stahl</li>
          <li>verdeckte Scharniere für ein formschönes Design</li>
          <li>stabiler Tragegriff für Transport und auf Reisen</li>
        </ul>
        <strong>Abmessung</strong> xxx x xxx x xx mm<br>
      <strong>Art.-Nr.</strong> 2015 </td>
    <td align="left" valign="top">
      <div align="center" style="height: 260px;"><img src="2015.jpg" name="mainpic" border="0" alt=""></div>
      <div align="center"><a href="javascript:doPic('2015.jpg');"><img src="2015.jpg" width="96" height="96" hspace="10" border="0" alt=""></a><a href="javascript:doPic('2015-2.jpg');"><img src="2015-2.jpg" width="96" height="96" hspace="10" border="0" alt=""></a></div>
    </td>
  </tr>
</table>
</body>
</html>
Vielleicht hilft das weiter.

Ciao
Quaese
 
Quaese hat gesagt.:
Vielleicht hilft das weiter.
Zum Vergrößern anklicken....
Und wie! Das ist Perfekt, genau so sollte es sein, Danke!

Ich wusste nicht, dass man mit Divs quasi eigene tabellenartige Konstrukte bauen kann. Ich glaub es wird mal Zeit für eine Html-Nachschulung.

Hab mir mittlerweile auch mal den w3c html-validator in die Lesezeichen gepackt, dann kann niemand mehr meckern.:)

Ich hatte die Seite vorher mit Dreamweaver gebaut. Jetzt frage ich mich ob es nicht Plugins gibt mit denen man diese w3c-Konformität(?) versichern kann.
So dass Dreamweaver schon von Anfang an alles korrekt baut.

Oder hilft da nur das gute alte Handcoding?

mfg
Cold
 
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück