Problem bei tabellen layout

freaksta · 17.07.2005, 15:18

Servus...

hab ne neue Seite mit Tabellen gemacht die mir auch ganz gut gefällt.

Jetzt is mir aber n fehler aufgefallen wenn rechts viel content ist.

hier mal n screen davon

[IMG]http://www.***.com/ba/1.jpg[/IMG] und hier der Link zur kompletten Page

wenn mir da jemand helfen könnte wär ich sehr dankbar

vllt. kann mir auch jemand sagen wie ich das besser löse via. css aber ich kann kein css

greetings

jayjay · 18.07.2005, 14:15

versuche mal tabelle zum scrollen:

Code:

<html>
<head>
<title>:::scroll.table:::</title>

<style type="text/css">
td.head
{
width: 240px;
height: 18px;
font-family: verdana;
font-size: 10px;
font-weight: bold;
color: #ccddee;
background-color: #1e598b;
}

td.scroll
{
width: 240px;
height: 100px;
font-family: verdana;
font-size: 10px;
color: #ccddee;
background-color: #203b59;
scrollbar-base-color: #203b59;
scrollbar-3d-light-color: #a0bbd9;
scrollbar-arrow-color: #a0bbd9;
scrollbar-darkshadow-color: #203b59;
scrollbar-face-color: #203b59;
scrollbar-highlight-color: #809bb9;
scrollbar-shadow-color: #809bb9;
scrollbar-track-color: #203b59;
}
</style>

</head>
<body>

<table bgcolor="#000000" cellspacing="1" width="240">
 <tr>
  <td class="head">
         td.head
  </td>
 </tr>
 <tr>
  <td class="scroll">
         <div style="width: 100%; height: 100%; overflow: auto;">

            td.scroll content starts here...

            dummy text dummy text dummy text dummy text dummy text dummy text
            dummy text dummy text dummy text dummy text dummy text dummy text
            dummy text dummy text dummy text dummy text dummy text dummy text
            dummy text dummy text dummy text dummy text dummy text dummy text
            dummy text dummy text dummy text dummy text dummy text dummy text
            dummy text dummy text dummy text dummy text dummy text dummy text
            dummy text dummy text dummy text dummy text dummy text dummy text
            dummy text dummy text dummy text dummy text dummy text dummy text
            dummy text dummy text dummy text dummy text dummy text dummy text
            dummy text dummy text dummy text dummy text dummy text - END

         </div>
  </td>
 </tr>
</table>

</body>
</html>

freaksta · 18.07.2005, 19:47

mhm

gibts da keine einfacherere möglichkeit?

jayjay · 19.07.2005, 08:29

ist gut, du definierst dein css:
td.head - die zelle mit der überschrift
td.scroll - die zelle mit dem inhalt (hier div), scrollbar - alles um den scrollbalken, den kann man im ie auch anpassen
im div der inhalt, overflow: auto; wird automatisch auf scroll gestellt