✔ Überflüssiger Scrollbalken rechts

Status
Nicht offen für weitere Antworten.
T

tesarolle

Mitglied
Hallo,

habe eine Tabelle mit, deren Felder links beinhalten. Die Tabelle ist ganz oben, dennoch wird mir rechts immer ein scrollbalken angezeigt und ich weiss einfach nicht warum.

Ich will den Scrollbalken rechts nur sehen wenn ich das fenster so weit zusammenschiebe das die tabelle nicht mehr komplett sichtbar wäre.

Falls das nicht geht würde ich den scrollbalken ganz gern ganz abschalten?

im Firefox sind in meiner tabelle immer leerzeilen nach jeder zeile, wie kann ich das änderN? im inetexplorer sieht es richtig aus...

Vielen Dank und Gruß


HTML: 
<html>
<head>


<head>
<title></title>
<style type="text/css"><!--
 BODY {background-color: #000000;
           SCROLLBAR-FACE-COLOR: #000000; SCROLLBAR-HIGHLIGHT-COLOR: #808080; SCROLLBAR-SHADOW-COLOR: #808080; SCROLLBAR-3DLIGHT-COLOR: #c0c0c0; SCROLLBAR-ARROW-COLOR: #808080; SCROLLBAR-TRACK-COLOR: #808080; SCROLLBAR-DARKSHADOW-COLOR: #000000
           }
--></style>
</STYLE>
<style type="text/css">
<!--
a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a:hover {
	color: #333333;
	text-decoration: none;
}
a:active {
	color: #FFFFFF;
	text-decoration: none;
}
body {
	background-color: #000000;
}
body,td,th {
	font-family: Monotype Corsiva;
}
.style22 {color: #FFFFFF}
.style24 {color: #FFFFFF; font-family: Arial; }
.style29 {font-family: Arial}
.style30 {font-size: 24px}
.style32 {font-size: 18px}
.style34 {font-size: 16px}
.style35 {font-size: 14px; font-weight: bold; }
.style36 {font-size: 14px}
-->
</style></head>

<body>
<TR VALIGN=TOP ALIGN=LEFT>
<body leftmargin="0">
  <table width="594" height="0" border="0" align="center" cellpadding="0" cellspacing="0" style="overflow: auto;">
  <tr>
    <th height="19" scope="col"><p align="center" class="style35"><span class="style29"><a href="ACT/Data/thumbs.htm" target="MITTE">ACT</a></span></p></th>
    <th scope="col"><p align="center" class="style35"><span class="style29"><a href="WEDDING/Data/thumbs.htm" target="MITTE" class="style24">WEDDING</a></span></p></th>
    <th scope="col"><p align="center" class="style35"><span class="style29"><a href="YOUNG%20PEOPLE%20INT/Data/thumbs.htm" target="MITTE" class="style24">YOUNG PEOPLE </a></span></p></th>
    <th scope="col"><p align="center" class="style35"><span class="style29"><a href="OBJECT/Data/thumbs.htm" target="MITTE" class="style24">OBJECT</a></span></p></th>
  </tr>
  <tr>
    <td height="19"><p align="center" class="style35"><span class="style29"><a href="BABY%20INSIDE%20INT/Data/thumbs.htm" target="MITTE">BABY INSIDE </a></span></p></td>
    <td><p align="center" class="style35"><span class="style29"><a href="WOMEN%20INT/Data/thumbs.htm" target="MITTE" class="style24">WOMAN</a></span></p></td>
    <td><p align="center" class="style35"><span class="style29"><a href="TWO/Data/thumbs.htm" target="MITTE" class="style24">TWO</a></span></p></td>
    <td><p align="center" class="style35"><span class="style29"><a href="TRAVEL/Data/thumbs.htm" target="MITTE" class="style24">TRAVEL</a></span></p></td>
  </tr>
  <tr>
    <td><p align="center" class="style35"><span class="style29"><a href="KIDS/Data/thumbs.htm" target="MITTE" class="style24">KIDS</a></span></p></td>
    <td><p align="center" class="style35"><span class="style29"><a href="MAN/Data/thumbs.htm" target="MITTE" class="style24">MAN</a></span></p></td>
    <td><p align="center" class="style35"><span class="style29"><a href="EVENTS/data/thumbs.htm" target="MITTE" class="style24">EVENTS</a></span></p></td>
    <td><p align="center"><span class="style30"><span class="style32"><span class="style34"><span class="style36"><span class="style35"><span class="style29"><a href="Mitte.htm" target="MITTE" class="style24">HOME</a></span></span></span></span></span></span></p></td>
  </tr>
</table>
<TR VALIGN=TOP ALIGN=LEFT>
  <table height="95%" border="0">
  <script language="javascript1.2" src="index.js" type="text/javascript"></script>
</body>
</html>
 
So, ich habe gerade mal Deinen Code bereinigt, also alle dort überflüssigen Tags rausgeschmissen.
Die CSS habe ich auch ein wenig den momentan Bedürfnissen angepasst.
Und jetzt ist auch kein Scrollbalken recht!
Übrigens, die farbigen Scrollbalken funktionieren nur im IE, das weißt Du aber hoffentlich.
Hier der bereinigte Code:
HTML: 
<html>
  <head>
    <title></title>
    <script src="index.js" type="text/javascript"></script>
    <style type="text/css">
    <!--
    body
    {
      background-color: #000000;
      SCROLLBAR-FACE-COLOR: #000000;
      SCROLLBAR-HIGHLIGHT-COLOR: #808080;
      SCROLLBAR-SHADOW-COLOR: #808080;
      SCROLLBAR-3DLIGHT-COLOR: #c0c0c0;
      SCROLLBAR-ARROW-COLOR: #808080;
      SCROLLBAR-TRACK-COLOR: #808080;
      SCROLLBAR-DARKSHADOW-COLOR: #000000;
    }
    a:link
    {
      color: #FFFFFF;
      text-decoration: none;
    }
    a:visited
    {
      color: #FFFFFF;
      text-decoration: none;
    }
    a:hover
    {
      color: #333333;
      text-decoration: none;
    }
    a:active
    {
      color: #FFFFFF;
      text-decoration: none;
    }
    body, td, th
    {
      font-family: Monotype Corsiva;
    }
    .style35
    {
      font-family: Arial;
      font-size: 14px;
      font-weight: bold;
    }
    //-->
    </style>
  </head>
  <body leftmargin="0">
    <table width="594" height="0" border="0" align="center" cellpadding="0" cellspacing="0" style="overflow: auto;">
      <tr>
        <th height="19" scope="col">
          <p align="center" class="style35">
            <a href="ACT/Data/thumbs.htm" target="MITTE">ACT</a>
          </p>
        </th>
        <th scope="col">
          <p align="center" class="style35">
            <a href="WEDDING/Data/thumbs.htm" target="MITTE">WEDDING</a>
          </p>
        </th>
        <th scope="col">
          <p align="center" class="style35">
            <a href="YOUNG%20PEOPLE%20INT/Data/thumbs.htm" target="MITTE">YOUNG PEOPLE</a>
          </p>
        </th>
        <th scope="col">
          <p align="center" class="style35">
            <a href="OBJECT/Data/thumbs.htm" target="MITTE">OBJECT</a>
          </p>
        </th>
      </tr>
      <tr>
        <td height="19">
          <p align="center" class="style35">
            <a href="BABY%20INSIDE%20INT/Data/thumbs.htm" target="MITTE">BABY INSIDE</a>
          </p>
        </td>
        <td>
          <p align="center" class="style35">
            <a href="WOMEN%20INT/Data/thumbs.htm" target="MITTE">WOMAN</a>
          </p>
        </td>
        <td>
          <p align="center" class="style35">
            <a href="TWO/Data/thumbs.htm" target="MITTE">TWO</a>
            </span>
          </p>
        </td>
        <td>
          <p align="center" class="style35">
            <a href="TRAVEL/Data/thumbs.htm" target="MITTE">TRAVEL</a>
          </p>
        </td>
      </tr>
      <tr>
        <td>
          <p align="center" class="style35">
            <a href="KIDS/Data/thumbs.htm" target="MITTE">KIDS</a>
          </p>
        </td>
        <td>
          <p align="center" class="style35">
            <a href="MAN/Data/thumbs.htm" target="MITTE">MAN</a>
          </p>
        </td>
        <td>
          <p align="center" class="style35">
            <a href="EVENTS/data/thumbs.htm" target="MITTE">EVENTS</a>
          </p>
        </td>
        <td>
          <p align="center" class="style35">
            <a href="Mitte.htm" target="MITTE">HOME</a>
          </p>
        </td>
      </tr>
    </table>
  </body>
</html>

redlama
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück