Website mit CSS

[Toxictype]

Bräuchte noch mal einen Rat...

Hi,
wie gesagt, möchte ich dieses Design noch mit Tabellen umsetzen.
Trotzdem sollen auch schon der erste CSS-Einfluß zu sehen sein...

Ich habe ein Prob mit einem Hintergrund bzw. DIV:

Auszug aus der CSS-Datei:

...

.content {
width: 99%;
height: 364px;
overflow: auto;
border: 1pt solid #999999;
}

td.scroll
{
border: 0px solid #80c325;
width: 99%;
height: 100%;
font-family: verdana;
font-size: 11px;
color: #333333;
background-image: url(grafix/bg_mainframe_lberg.png);
/* -------Scrollbalken-------- */
scrollbar-base-color: transparent;
scrollbar-3d-light-color: #999999;
scrollbar-arrow-color: #C40004;
scrollbar-darkshadow-color: #333333;
scrollbar-face-color: transparent;
scrollbar-highlight-color: #999999;
scrollbar-shadow-color: #333333;
scrollbar-track-color: transparent;
}
...

Der entsprechende Auszug aus der .php-Datei:

...
<tr> 
  <td class="scroll">
    <div class="content">
      <?php
         // Test 
         switch ($link) {
         case 'test_1':
	 include 'test_1.php';
	break;
         default:
             echo 'default';
         }
       ?>
    </div>
  </td>
</tr>
...

Das Problem ist, dass der Hintergrund des DIVs über seinen Rand hinaus geht.
Wenn ich der Klasse content 100% width gebe, verschwindet der rechte Rand (beim IE 7)
Wie bekomme ich das weg???

Gruß
Tox

 

[planet4]

AW: Bräuchte noch mal einen Rat...

Hallo Toxictype,

Das Problem ist, dass der Hintergrund des DIVs über seinen Rand hinaus geht.

das DIV hat doch gar keinen Hintergrund, meinst du den der Tabellenzelle?
Wenn du dem DIV eine Breite von 99% gibst, musst du bedenken, von was das 99% ist, wahrscheinlich von der Tabellenzelle, in der es sich befindet, und die ist auch wieder 99% von irgendwas...

Wenn ich der Klasse content 100% width gebe, verschwindet der rechte Rand (beim IE 7)

Welcher rechte Rand? der des Hintergundbildes? Es ist schwer, das nachzuvollziehen, wenn man kein Anschauungsmaterial hat...

planet4.