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

zur Startseite vom TP

Thema: Problem bei tabellen layout

LinkBack

Themen-Optionen

Thema durchsuchen

Thema bewerten

Problem bei tabellen layout

Aktive Benutzer

Aktive Benutzer