Anzeige:
Ergebnis 1 bis 8 von 8

Thema: Tabelle und CSS, Browser Problem

  1. #1
    Registrierter Benutzer
    Registriert seit
    31.03.2002
    Ort
    Hamburg
    Beiträge
    201

    Question Tabelle und CSS, Browser Problem

    Hallo,

    ich habe ein kleines Problem mit meinen Tabellen. Auf dem IE ist ein Spalt zu erkennen, bei Mozilla nicht. Bei Mozilla wackeln die Ränder bei IE nicht?

    Code:
    
    <HTML>
    <HEAD>
    	<style type="text/css">
          <!--
    .node {
        margin: 0 0 10px 0;
    }
    
    .node h1 {
        margin: 0;
        padding: 0;
        font-weight: bold;
    }
    
    .node ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }
    
    .node ul li{
        margin: 0 0 0 10px;
        padding: 0;
        list-style-type: none;
    }
    
    	     table { color: #FFFFFF; font-family: Arial; font-size: 10pt; text-decoration: none; }
    	     A:link,A:visited{ color: #FFFFFF; font-family: Arial; font-size: 10pt; text-decoration: none; }
    	     A:hover,A:active{ color: #eaea0c; font-family: Arial; font-size: 10pt; text-decoration: none; }
    	     -->
                     </style>
    
    	<title>Titel</title>
    
        <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
    
    </head>
    
    
       <body bgcolor="c3c4d8" text=e7e7f1>
    
    <center>
    
    
    
    <table border="0" cellPadding="0px" cellSpacing="0px" height="188px" width="748px">
      <tr>
        <td  height="188px">
          <img src="gfx/header2.jpg" height="188px" width="748px" border="0">
        </td>
      </tr>
    </table>
    
    
    <table border="0" cellPadding="0px" cellSpacing="0px" height="441px" width="748px">
    
      <tr>
        <td style="vertical-align:top;
    
               text-align:left;
    
               border:none;
    
               width:122px;
    
               height:441px;
    
               background-color:#4f61d8;
    
    	   background-image:url(gfx/links2.jpg);
    
               background-repeat:no-repeat;
    
               background-position:top left;"
    	valign="top" align="left" border="0"
    
             >
    
    <div class="node">
        <h3>schrift</h3>
        <ul>
    		<li><a href="index.php?showpage=link" target="_self" alt="G">link</a></li>
           
        </ul>
    </div>
    <div class="node">
        <h3>Kontakt</h3>
    	<ul>
            <li><a href="index.php?showpage=link" target="_self" alt="">Link</a></li>
    
        </u>
    </div>
    
    	</TD>
    
    	<TD valign="top" width="527px" bgcolor="7d83c1"> <!--d6dfff-->
    
    
    Inhalt
    
    
     <td style="vertical-align:top;
    
               text-align:left;
    
               border:none;
    
               width:99px;
    
               height:441px;
    
               background-color:#4f61d8;
    
               background-repeat:no-repeat;
    
               background-position:top center;"
    
      valign="top" align="left" border="0"
    
          >
    
    	  <div class="node">
         <h3>Text</h3>
    	  <br>
    	 <br>
    <br>
    <u>Termine:</u> <br><br>
    	00.00.00
    <br>
    
    
    <h3>Interaktiv</h3>
        <ul>
            <li><a href="index.php?showpage=link" target="_self" alt="">link</a></li>
        </ul>
    </div>
    
    <tr>
    	<td colspan="3" bgcolor="4f61d8"  align="center"><br>
    
    	</td>
    </tr>
    
    </table>
    
    </center>
    
    </body>
    
    </html>
    ich bastel grad an einer besseren signatur ;)

  2. #2
    Registrierter Benutzer
    Registriert seit
    27.08.2002
    Beiträge
    337
    Leider mußte ich mich von meinem alten IE 5.0 verabschieden. Daher sehe ich momentan nicht mehr alles.
    Die horizontale Verschiebung ist im IE anders als im Mozilla. Mehr kann ich nicht erkennen.

    Die CSS in der mittleren und linken Spalte ist richtig gesetzt. Die linke Spalte ist im NS4.7
    überwiegend weiß. Füge für den NS4 noch layer-background-color:blue;, dann ist der auch zufrieden.
    Geändert von Jana (06-12-2003 um 18:16 Uhr)

  3. #3
    Registrierter Benutzer
    Registriert seit
    22.08.2002
    Ort
    Nürnberg
    Beiträge
    638
    Hi Sensemann,

    ich habe mir mal Deinen Markup angesehen und habe einige Fehler gefunden. Im wesentlichen hast Du die Closing-Tags vergessen. Wie sich dann die Browser verhalten ist meistens nicht im voraus abzusehen. Hier der bessere Markup. Die fehlerhaften Stellen habe ich rot markiert:
    Code:
    <HTML>
        <HEAD>
            <style type="text/css">
          <!--
    .node {
        margin: 0 0 10px 0;
    }
    
    .node h1 {
        margin: 0;
        padding: 0;
        font-weight: bold;
    }
    
    .node ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }
    
    .node ul li{
        margin: 0 0 0 10px;
        padding: 0;
        list-style-type: none;
    }
    
                 table { color: #FFFFFF; font-family: Arial; font-size: 10pt; text-decoration: none; }
                 A:link,A:visited{ color: #FFFFFF; font-family: Arial; font-size: 10pt; text-decoration: none; }
                 A:hover,A:active{ color: #eaea0c; font-family: Arial; font-size: 10pt; text-decoration: none; }
                 -->
            </style>
            <title>Titel</title>
            <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
    
        </head>
        <body bgcolor="c3c4d8" text=e7e7f1>
            <center>
                <table border="0" cellPadding="0px" cellSpacing="0px" height="188px" width="748px">
                    <tr>
                        <td  height="188px">
                            <img src="gfx/header2.jpg" height="188px" width="748px" border="0">
                        </td>
                    </tr>
                </table>
                
                <table border="0" cellPadding="0px" cellSpacing="0px" height="441px" width="748px">
                    <tr>
                        <td style="vertical-align:top;
                                   text-align:left;
                                   border:none;
                                   width:122px;
                                   height:441px;
                                   background-color:#4f61d8;
                                   background-image:url(gfx/links2.jpg);
                                   background-repeat:no-repeat;
                                   background-position:top left;" valign="top" align="left" border="0">
                            <div class="node">
                                <h3>schrift</h3>
                                <ul>
                                    <li><a href="index.php?showpage=link" target="_self" alt="G">link</a></li>
                                </ul>
                            </div>
                            <div class="node">
                                <h3>Kontakt</h3>
                                <ul>
                                    <li><a href="index.php?showpage=link" target="_self" alt="">Link</a></li>
                                </ul>
                            </div>
                        </TD>
                        <TD valign="top" width="527px" bgcolor="7d83c1"> <!--d6dfff-->
                            Inhalt
                        </td>
                        <td style="vertical-align:top;
                                   text-align:left;
                                   border:none;
                                   width:99px;
                                   height:441px;
                                   background-color:#4f61d8;
                                   background-repeat:no-repeat;
                                   background-position:top center;" valign="top" align="left" border="0">
                            <div class="node">
                                <h3>Text</h3>
                                <br>
                                <br>
                                <br>
                                <u>Termine:</u>
                                <br>
                                <br>
                                00.00.00
                                <br>
                                <h3>Interaktiv</h3>
                                <ul>
                                    <li><a href="index.php?showpage=link" target="_self" alt="">link</a></li>
                                </ul>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="3" bgcolor="4f61d8"  align="center">
                            <br>
                        </td>
                    </tr>
                </table>
            </center>
        </body>
    </html>
    Gruß

    Pingu

    PS: im IE/Mac und Mozilla sieht es jetzt ok aus.

  4. #4
    Registrierter Benutzer
    Registriert seit
    31.03.2002
    Ort
    Hamburg
    Beiträge
    201
    Vielen Dank nun funktionierts.

    Die Beschreibung der Tabelle war auch nicht wirklich sauber wie ich festgestellt hatte
    ich bastel grad an einer besseren signatur ;)

  5. #5
    Registrierter Benutzer
    Registriert seit
    31.03.2002
    Ort
    Hamburg
    Beiträge
    201
    Jetzt ist gerade was zum Vorscheingekommen

    Der Abstand zwischen der Menü Überschrift und dem Menü ist mir zu groß.

    Ich habe es schon mit verschiedenen Werten versucht jedoch klappt es nicht.

    Code:
    <!--
    .node {
        margin: 0 0 10px 0;
    }
    
    .node h1 {
        margin: 0;
        padding: 0;
        font-weight: bold;
    }
    
    .node ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }
    
    .node ul li{
        margin: 0 0 0 10px;
        padding: 0;
        list-style-type: none;
    } 
    -->
    ich bastel grad an einer besseren signatur ;)

  6. #6
    Registrierter Benutzer
    Registriert seit
    22.08.2002
    Ort
    Nürnberg
    Beiträge
    638
    Hi Sensemann,

    ist ja aucxh logisch. Ich hebe Dir mal rot hervor wo wahrscheinlich das Problem ist. Die Lösung wird Dir dann sicherlich ins Auge springen:
    Code:
    [..]
    .node h1 {
        margin: 0;
        padding: 0;
        font-weight: bold;
    }
    [..]
    <div class="node">
        <h3>schrift</h3>
        <ul>
            <li><a href="index.php?showpage=link" target="_self" alt="G">link</a></li>
        </ul>
    </div>
    <div class="node">
        <h3>Kontakt</h3>
        <ul>
            <li><a href="index.php?showpage=link" target="_self" alt="">Link</a></li>
        </ul>
    </div>
    [..]
    Gruß

    Pingu

  7. #7
    Registrierter Benutzer
    Registriert seit
    31.03.2002
    Ort
    Hamburg
    Beiträge
    201
    Nur mal so warum interpretiert der IE immer einen Freiraum in diese Tabelle?

    da bekommt man echt Probleme mit den Nerven
    ich bastel grad an einer besseren signatur ;)

  8. #8
    Registrierter Benutzer
    Registriert seit
    31.03.2002
    Ort
    Hamburg
    Beiträge
    201
    Wenn sich das einer Direkt anschaun möchte , eine pn an mich schicken.

    weil so richtig offiziell ist sie ja noch net on.
    ich bastel grad an einer besseren signatur ;)

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •