Martin S.: <td width=160> / Internet-Explorer

SELF-Forum

<td width=160> / Internet-Explorer

Martin S. Homepage des Autors
– Informationen zu den Bewertungsregeln

Hi!

Ich will eine Tabelle erzeugen mit einer Menüleiste, die eine
feste Breite hat. Im Mozilla Firefox wird alles super dargestellt,
aber der Internet-Explorer hält sich einfach nicht an die
Breitenangabe:

...
<tr valign="top">
<td width=160 style="background: url(./images/links.png) center 0px;">
...

Ich habe es auch schon mit Stylesheets versucht:

...
<tr valign="top">
<td style="width:160;background: url(./images/links.png) center 0px;">
...

Funktioniert aber auch nicht im Internet-Explorer. Was kann ich nun
machen?

Das Beispiel ist auf http://www.digle.de/fitandrelax/gaestebuch.html
zu sehen.

Martin S.

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. <td width=160> / Internet-Explorer

    derletztekick
    – Informationen zu den Bewertungsregeln

    Moin

    Vll solltest Du eine Einheit mit hinschreiben?
    width:160px;

    Micha

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. <td width=160> / Internet-Explorer

      Georg
      – Informationen zu den Bewertungsregeln

      CSS benötigt auf jeden Fall die Einheit, hier "px", Ausnahme ist allenfalls die Null. Für valides HTML immer auch Anführungszeichen beim "width" Attribut, aber dieses ist außerhalb von CSS ab HTML 4.01 in der Strict-Variante ohnehin nicht mehr valide.

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

    2. <td width=160> / Internet-Explorer

      Martin S.
      – Informationen zu den Bewertungsregeln

      Ich habe jetzt der Tabelle die Eigenschaft "table-leyout:fixed" zugewiesen und die Breite mit CSS über
      <td style="width:160px">
      festgelegt, aber trotzdem bleibt die Spalte immer noch sehr
      breit. Hat jemand noch einen Vorschlag?

      Danke!
      Martin S.

      PS: Das Beispiel ist wieder auf:
      http://www.digle.de/fitandrelax

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. <td width=160> / Internet-Explorer

        Thomas J.S.
        +1 Informationen zu den Bewertungsregeln

        Hallo,

        Ich habe jetzt der Tabelle die Eigenschaft "table-leyout:fixed" zugewiesen und die Breite mit CSS über
        <td style="width:160px">
        festgelegt, aber trotzdem bleibt die Spalte immer noch sehr
        breit. Hat jemand noch einen Vorschlag?

        Ja, dein Problem hat die Ursache, dass du 'pt' als Schriftgröße verwendest (und du mischst XHTML-Noation (<br />) mit HTML-Notation)

        So geht es:

        Grüße
        Thomas

        --------------
        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
        <html>
        <head>
         <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
         <title>Untitled</title>
         <style type="text/css">
          h1 {font-family:Arial,Helvetica;color:#000000;font-size:20px;}
          h2 {font-family:Arial,Helvetica;color:#000000;font-size:18px;}
          .blink {font-family:Arial,Helvetica;font-size:14px;color:#000000;text-decoration:underline;}
          .ntitle {font-family:Black Chancery,Arial,Helvetica;font-size:24pt;color:#F56800;text-decoration:none;}
          .links {font-family:Arial,Helvetica;font-size:16px;color:#000000;text-decoration:none;font-weight:700;}
          .ntext {font-family:Arial,Helvetica;font-size:16px;color:#000000;text-decoration:none;font-weight:700;}
          #titeltext {font-family:'Black Chancery',Arial,Helvetica;font-size:48px;color:#f56800;}
          #subtiteltext {font-family:'Black Chancery',Arial,Helvetica;font-size:16px;color:#f56800;}
          #navtd {background:url(./images/links.png) center 0px;}
         </style>
        </head>

        <body>
        <table cellpadding="10" cellspacing="0" width="100%" height="100%" border="2">
         <tr>
          <td colspan="2" height="120">
           <table width="100%" border="0">
            <tr>
             <td align="center"><img alt="" src="./images/logo.png"></td>
             <td align="center">
              <span id="titeltext">Fit &amp; Relax</span>
              <br>
                                <span id="subtiteltext">Praxis f&uuml;r Physiotherapie</span>
             </td>
             <td align="center">
              <img alt="" src="./images/logo.png">
             </td>
            </tr>
           </table>
          </td>
         </tr>
         <tr>
          <td width="160" valign="top">
           <br><br>
           <a class="links" href="./index.html">HOME</a><br><br>
           <a class="links" href="./leistungen.html">Leistungen</a><br><br>
           <a class="links" href="./team.html">Team</a><br><br>
           <a class="links" href="./praxis.html">Praxis</a><br><br>
           <a class="links" href="./anfahrt.html">Anfahrt</a><br><br>
           <a class="links" href="./gaestebuch.html">G&auml;stebuch</a><br><br>
           <a class="links" href="./kontakt.html">Kontakt</a><br><br>
           <a class="links" href="./impressum.html">Impressum</a><br><br>
          </td>
          <td>
           <br>
           <br>
           <table>
            <tr>
             <td>
              <span class="ntitle">G&auml;stebuch</span><br><br><br>
              <span>...noch in Bearbeitung...</span>
             </td>
            </tr>
           </table>
          </td>
         </tr>
        </table>

        </body>
        </html>

        Beitrag melden
        +1
        Informationen zu den Bewertungsregeln

  2. <td width=160> / Internet-Explorer

    Thomas J.S.
    – Informationen zu den Bewertungsregeln

    Hallo,

    Funktioniert aber auch nicht im Internet-Explorer. Was kann ich nun
    machen?

    Weise deiner Tabelle zusätzlich die CSS-Eigenschaft { table-layout:fixed; }  zu.

    Grüße
    Thomas

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln