Probleme mit dem Internet Explorer

JPFischer

Hallo!

Habe ein Problem mit der Darstellung meiner Seite im Internet Explorer. Benutze das CMS Website Baker mit angepasstem Template. Die Seite ist als Tabelle gestaltet, die Items auf der linken Seite (Menüleiste) sind jeweils Untertabellen in einer Zelle der Haupttabelle. Diese Items sind vom Design jeweils gleich. Durch Zellen mit jeweils einem Pixel breite mache ich einen Rahmen um die Menüs.
Bei einem diese Menüs macht der Internet Explorer dieses Rahmen ein paar Pixel breit, obwohl er genau mit einem Pixel definiert ist. Interessanterweise passiert das nur bei einem der insgesamt drei items, die alls gleich aufgebaut sind. Hier auf dem Bild kann man das gut sehen:

[Blockierte Grafik: http://www.creativewriting.paradoxinc.org/wb/media/IEProblem.jpg]

Die URL der Seite ist:
http://www.creativewriting.paradoxinc.org/wb/

Wäre für alle Hilfe dankbar!

chris90night

Wenn du schon CSS benutzt, warum steigst du dann nicht auch auf div´s um? Die kannst du dann nach belieben gleich mitformatieren und alles ist viel übersichtlicher.
Und jetzt den Fehler zu finden in den CSS-Dateien und dann noch alles mit dem Seitenquelltext vergleichen ist mühsam, also wie gesagt, ich würde die empfehlen, dass du gleich alles mit div´s machst anstatt Tabellen.
Spart viel Quellcode und wird übersichtlicher.

>>> http://www.css4you.de/wslayout1/index.html

Grüßle

driver

chris

was ein cms is weist du doch, oder ?

@ autor

kannst du mal versuchen den rahmen absichtlich breiter zu machen ?
nur mal so zum test. hatte bei nem cms mal des selbe problem,
allerdings lags da nicht am rahmen, sondern das der inhalt zu kurz war
(schaute praktisch noch die hintergrundfarbe durch).

nur mal so zum test...

Ronald

Zitat von chris90night

...ch würde die empfehlen, dass du gleich alles mit div´s machst anstatt Tabellen.
Spart viel Quellcode und wird übersichtlicher.

Was die Übersichtlichkeit bei Div-Tags betrifft: da habe ich ganz erhebliche Zweifel, daß die übersichtlicher sind, als Tabellen - vor allem wenn sie geschachtelt werden (müssen).

Grade für Anfänger ist eine Tabellenstruktur wesentlich einfacher zu handeln, weil man im Zweifel mal eben die Border einschalten kann. Allerding sollte man auf Programme welcher Art auch immer verzichtet und stattdessen den Quelltext selbst schreibt.

Wenn ich sehe, wie zerissen dein Quelltext ist, dann wundert mich nicht, daß du den Fehler nicht findest. Ich habe auch gar nicht lange danach gesucht, sondern das ganze einmal vernünftig neu formatiert.

Du hast übrigens auch Klassen benutzt, die du nirgends definiert hast.

So würde ich es machen:

Code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<head>
<title>Creative Writing - Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="description" content="" />
<meta name="keywords" content="" />
<base href="http://www.creativewriting.paradoxinc.org/">
<link href="wb/templates/cw/screen.css" rel="stylesheet" type="text/css" media="screen" />
<style type="text/css">
<!--
body              {
                  margin:0;
                  text-align:center;
                  }
.main             {
                  width:1000px;
                  height:100%;
                  margin:auto;
                  text-align:left;
                  border:1px solid #DDDDDD;
                  background-color:#FFFFFF;
                  }
#header           {
                  background-color:#CC6666;
                  width:100%;
                  height:63px;
                  text-align:center;
                  }
#header a         {
                  margin:auto;
                  width:248px;
                  height:63px;
                  display:block;
                  background-image:url(/wb/templates/cw/images/banner.gif);
                  }
table             {
                  empty-cells:show;
                  }
ul                {
                  line-height:20px;
                  padding:0px ;
                  margin:0px 0px 0px 20px;
                  list-style-type:none;
                  }
.table_head       {
                  width:170px;
                  height:10px;
                  background-image:url(wb/templates/cw/images/menu_top.gif);
                  background-repeat:no-repeat;)
                  }
.table_side       {
                  background-color:#CC6666;width:1px;
                  }
.table_center     {
                  text-align:center;padding:2px;
                  }
.table_bottom     {
                  width:170px;
                  height:10px;
                  background-image:url(wb/templates/cw/images/menu_bottom.gif);
                  background-repeat:no-repeat;)
                  }


.login            {
                  font-size:11px;
                  color: #CC6666;
                  text-align:left;
                  width:130px;
                  display:block;
                  margin:auto;
                  line-height:20px;
                  padding:0px;
                  }
.login input      {
                  width: 100%;
                  font-size: 11px;
                  margin:0px;
                  }
.login a:link     {
                  font-size: 11px;
                  color:#7F7F7F;
                  }
.login a:hover    {
                  color:#00005F;
                  }
input             {
                  margin:2px;
                  }
-->
</style>
<base target="_top">
</head>
<body style="text-align:center">






<table border="0" cellpadding="0" cellspacing="0" class="main">
 <colgroup>
  <col style="width:192px;">
  <col style="width:616px;">
  <col style="width:192px;">
 </colgroup>
 <tr>
  <td colspan="3" id="header">[url='wb/'][/url]</td>
 </tr>
 <tr>
 
  <td style="padding: 10px 0px 0px 10px;vertical-align:top;">
   <table cellpadding="0" cellspacing="0" border="0" style="margin:0px;">
    <tr>
     <td class="table_head" colspan="3"></td>
    </tr>
    <tr>
     <td class="table_side"></td>
     <td class="menu_default">
      <ul>
       <li class="menu_current">[url='wb/']Home[/url]
       [*][url='wb/pages/news.php']News[/url]
       [*][url='wb/pages/browse-the-texts.php']Browse the Texts[/url]
       [*][url='wb/pages/how-to-contribute.php']How to Contribute[/url]
       [*][url='wb/pages/publishing-policy.php']Publishing Policy[/url]
       [*][url='wb/pages/live-meetings.php']Live Meetings[/url]
       [*][url='wb/pages/resources.php']Resources[/url]
       [*][url='wb/pages/contact.php']Contact[/url]
       [*][url='wb/pages/history.php']History[/url]
       [*][url='wb/modules/smf_forum/smf/index.php']Forum[/url]
       [*][url='wb/pages/contribute-a-text.php']Contribute a Text[/url]
      [/list]
     </td>
     <td class="table_side"></td>
    </tr>
    <tr>
     <td class="table_bottom" colspan="3"></td>
    </tr>
    <tr>
     <td colspan="3" style="height:10px;">
      <form name="search" action="wb/search/index.php" method="post" style="margin:0px">
      <input type="hidden" name="wb_session_id" value="2fa645fc497ea2ffc704f0b637a17287" />
     </td>
    </tr>
    <tr>
     <td class="table_head" colspan="3"></td>
    </tr>
    <tr>
     <td class="table_side"></td>
     <td class="table_center">
      <div class="login">
       <input type="text" name="string" />
       <input type="submit" name="submit" value="Search" style="width:80px;margin:2px 25px;" />
      </div>
       </td>
     <td class="table_side"></td>
    </tr>
    <tr>
     <td class="table_bottom" colspan="3"></td>
    </tr>
    <tr>
     <td colspan="3" style="height:10px;">
      </form>
      <form name="login" action="wb/account/login.php" method="post">
      <input type="hidden" name="wb_session_id" value="2fa645fc497ea2ffc704f0b637a17287" />
     </td>
    </tr>
    <tr>
     <td class="table_head" colspan="3"></td>
    </tr>
    <tr>
     <td class="table_side"></td>
     <td class="table_center">
      [b]Login[/b]
      <div class="login">
       Username:
       <input type="text" name="username" />
       Password:
       <input type="password" name="password" />
       <input type="submit" name="submit" value="Login" style="width:80px;margin:2px 25px;" />
      </div>
      <div class="login" style="width:150px;text-align:center;">
       [url='wb/account/forgot.php']Forgot Details?[/url]
       [url='wb/account/signup.php']Sign-up[/url]
      </div>
     </td>
     <td class="table_side">
    </tr>
    <tr>
     <td class="table_bottom" colspan="3">
      </form>
     </td>
    </tr>
   </table>
  </td>
  <td style="text-align:center;">
   CONTENT
  </td>
  <td style="text-align:center;">
   NAVI 2
  </td>
 </tr>
</table>


</body>
</html>

Alles anzeigen

Wie du siehst ist es eine Kombination aus Tabellen und Div-Tags, macht so m.E. Sinn.
Ich habe allerdings einige Styles etwas geändert und die oben in den Quelltext geschrieben - wenn du es so benutzen willst, dann kannst du sie natürlich wieder auslagern.

G.a.d.M.

Ronald