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

Tabellen Darstellungsprobleme im IE - [xhtml strict]

Status
Für weitere Antworten geschlossen.
N

Nervenarzt

Neues Mitglied
Hi Leute,

Ich hab folgendes Problem...
Um es erst mal in Bilder zu Fassen:
firefox



internetexplorer


Der Internet Explorer kommt aus welchen Gründen auch immer nicht mit der Tabellen Struktur zurecht.... da ich mich jetzt schon über 3 stunden mit dem Problem erfolglos beschäftigt habe und langsam durchdrehe, hoffe ich doch bei euch Lösung zu finden.
Der Code ist valides xhtml strict...
Die Tabelle soll die Struktur der Bilder aufrecht erhalten... (Slices...)
Bitte achtet nicht auf den Inhalt... es geht hier nur ums design... auch der Text ist einfach schnell aus ner email kopiert worden weil die eben zufällig gerade offen war ^^


Link zur Test Seite:
PNNP - Fachärztlicher Kompetenzverbund - News

Hier der Code:

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html  xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>PNNP - Fachärztlicher Kompetenzverbund - News</title>
<link rel="stylesheet" href="style1.css" type="text/css" media="screen,projection" />
<link rel="stylesheet" href="druck.css" type="text/css" media="print" />
<link rel="stylesheet" href="handheld.css" type="text/css" media="handheld" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
</head>
<body>


<!-- <link rel="stylesheet" href="style.css" type="text/css" media="screen,projection" />  -->

<div id="root">


<div id="menue">

 <!--Menue-Table-->
 <table border="0" summary="Menue" width="205" cellpadding="0" cellspacing="0">
 <tr>
  <td colspan="3" style="background-image:url(images/akkordeon_02.jpg); width: 205px; height: 89px;"> </td>
 </tr>
 <tr>
  <td colspan="3" style="background-image:url(images/akkordeon_05.jpg); width: 205px; height: 95px;"> <!-- <h1>Menue</h1> --></td>
 </tr>
 <tr>
  <td style="background-image:url(images/akkordeon_09.jpg); width: 38px;"> </td>
  <td style="background-color: #FDE8AF; width: 138px; max-width: 138px;">
  <!--Menue-->
  <ul style="position:relative; left:-15px;">
  <li><a href="test.html">Home</a><br /></li>
  <li><a href="test.html">Wir über uns</a></li>
  <li><a href="test.html">Management</a></li>
  <li><a href="test.html">Ausbildung</a></li>
  <li><a href="test.html">Veranstaltungen</a></li>
  <li><a href="test.html">Termine</a></li>
  <li><a href="test.html">Presse</a></li>
  <li><a href="test.html">Bildergalerie</a></li>
  <li><a href="test.html">Impressum</a></li>
  </ul>


  Intern für Mitglieder
  Admin




  </td>
  <td style="background-image:url(images/akkordeon_11.jpg); width: 29px;"> </td>
 </tr>
 <tr>
  <td colspan="3" style="background-image:url(images/akkordeon_15.jpg); width: 205px; height: 62px;"> </td>
 </tr>
 </table>

</div>

<div id="inhalt">

 <!--Main Site-Table-->
 <table width="810" summary="Main-Site" border="0" cellpadding="0" cellspacing="0" style="empty-cells:show">
 <tr>
  <td colspan="2" style="background-image:url(images/akkordeon_03.jpg); width: 594px; height: 118px;"> </td>
  <td style="background-image:url(images/akkordeon_04.jpg); width: 216px; height: 184px; background-color: #FDE8AF;" colspan="2" rowspan="2" valign="top"> </td>
 </tr>
 <tr>
  <td style="background-image:url(images/akkordeon_06.jpg); width: 40px; height: 66px;"> </td>
  <td style="background-color: #FDE8AF; width: 554px;">
  <!-- Überschrift -->
  <h1>überschrift</h1>
  </td>
 </tr>
 <tr>
  <td style="background-image:url(images/akkordeon_12.jpg); width: 40px;"> </td>
  <td colspan="2" style="background-color: #FDE8AF; width: 722px;">
  <!--Main Site-->
  <h2>Hautpseite</h2>
  Die restlichen Bilder können sie mir auch per Post zu kommen lassen. Dringen benötigen werde ich sie in den nächsten tagen aber nicht... Wenn ihr Sohn heute oder morgen Abend zufällig im Palm Beach unterwegs ist kann er sie mir ja auch vorbeibringen... Einfach nach Rodrigo verlangen. Auf eine Antwort in Bezug auf die Frabgestalltung der Homepage bin ich gespannt, Gruß, Rodrigo


  </td>
  <td style="background-image:url(images/akkordeon_14.jpg); width: 48px;"> </td>
 </tr>
 <tr>
  <td colspan="4" style="background-image:url(images/akkordeon_16.jpg); width: 810px; height: 62px;"> </td>
 </tr>
 <!-- Hält die Logik der Tabelle zusammen -->
 <tr>
  <td><img src="http://www.html.de/images/spacer.gif" alt="" width="1" height="1" title="" /></td>
  <td><img src="http://www.html.de/images/spacer.gif" alt="" width="1" height="1" title="" /></td>
  <td><img src="http://www.html.de/images/spacer.gif" alt="" width="1" height="1" title="" /></td>
  <td><img src="http://www.html.de/images/spacer.gif" alt="" width="1" height="1" title="" /></td>
 </tr>
 </table>


</div>



</div>

</body>
</html>
Ich hoffe auf antwort,
Danke im Vorraus.
Mfg,
Nervenarzt
 
Zuletzt bearbeitet:
Wieso nutzt du überhaupt Tabellen? Sowas

Code: 
<td><img src="images/spacer.gif" alt="" width="1" height="1" title="" /></td>

ist in Zeiten von CSS auch relativ sinnfrei :?
 
diese frage hab ich mir heute mittag auch gestellt...

Der Verein für den ich die Seite erstelle möchte ein freundliches, weiches design... und da waren mir die "CSS-Border" zu eckig.

Und da es im Firefox funktioniert wollte ich es nicht gelich aufgeben...
 
"CSS-Border" gibt es momentan noch nicht (zumindest nicht für alle Browser). Die abgerundeten Ecken sind einfache Grafiken - und die kannst Du ja selbst besser erstellen wenn sie nicht gut aussehen :wink:
 
Alle Boxen sind eckig.
Ob <td>, <div> oder <p> spielt keine Rolle.
Sanfte background-image lassen sich in fasst alle Elemente einbauen.

Die Verschiebung in der Navigation ist, je nach Fontdarstellung, in auch in ff2.0(linux) zu sehen.
 
Zuletzt bearbeitet:
hab mich heute noch mals hingestzt und das komplette design umgeräumt... nur unter verwendung von css...
Jetzt ergeben sich nicht mehr diese Probleme ;Jump

Ich werde das ergebnis sobald wie möglich hier präsentieren....

Danke für die antworten,
Nervenarzt
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben