Hintergrund rechts positionieren

[Pit]

Moin!
Ich versuche gerade ein Page zu erstellen, bei der auf der rechten Seite ein Farbverlauf als Hintergrund zu sehen ist.  Der Verlauf ist recht schmal  (100 Pixel) und es soll kein Text darüber gelegt werden.
Mein erster Versuch war mit Frames. Sieht so lange gut aus, bis im linken (Text-) Frame ein vertikaler Scrollbar erscheint.
Textframe Scrollbar Randbild
Um den Scrollbar auf die rechte Seite
Textframe Randbild Scrollbar
zu bekommen, habe ich es mit einer Tabelle probiert. Linke Spalte Text, rechts die Grafik als Hintergrund der Spalte. Jetzt muß ich die Tabelle nur noch dazu bekommen, daß die rechte Spalte 100 Pixel groß ist und die linke Spalte den Rest des Bildschirms ausfüllt.
Sobald ich aber Konstrukte der Art

<table height=100% width=100%>
<tr>
<td>blablabla</td>
<td background="background.gif"  width=100> </td>
</tr>

einfüge, interpretiert Netscape 4.7 die width-Angabe im 2. <td>-Tag nicht mehr (richtig). Anstatt eine Spalte mit 100 Pixel Breite zu bekommen, ist die Spalte deutlich breiter (etwa 480 Pixel) und der 100 Pixel breite Verlauf wird gekachelt.
Wenn die width-Option im <table...> Tag fehlt, stimmt die Größe (der rechten Spalte).
Vielleicht hat jemand eine Idee, wie man dieses Problem lösen kann, ohne vorher per JavaScript die Breite des Browser-Fensters abzufragen.
Vielen Dank schon mal
Pit

[Andreas]

...
Um den Scrollbar auf die rechte Seite

»»   Textframe Randbild Scrollbar

zu bekommen, habe ich es mit einer Tabelle probiert. Linke Spalte Text, rechts die Grafik als Hintergrund der Spalte. Jetzt muß ich die Tabelle nur noch dazu bekommen, daß die rechte Spalte 100 Pixel groß ist und die linke Spalte den Rest des Bildschirms ausfüllt.
Sobald ich aber Konstrukte der Art

<table height=100% width=100%>
<tr>
<td>blablabla</td>
<td background="background.gif"  width=100> </td>
</tr>

einfüge, interpretiert Netscape 4.7 die width-Angabe im 2. <td>-Tag nicht mehr (richtig). Anstatt eine Spalte mit 100 Pixel Breite zu bekommen, ist die Spalte deutlich breiter (etwa 480 Pixel) und der 100 Pixel breite Verlauf wird gekachelt.
Wenn die width-Option im <table...> Tag fehlt, stimmt die Größe (der rechten Spalte).
Vielleicht hat jemand eine Idee, wie man dieses Problem lösen kann, ohne vorher per JavaScript die Breite des Browser-Fensters abzufragen.
Vielen Dank schon mal

»»  Pit

es sollte klappen, wenn Du der 1. Spalte auch noch eine Breite gibst - und zwar eine sehr hohe Prozentangabe.
Damit dann die rechte Spalte nicht zusammenschnurrt, muß da dann noch eine Spreize eingezogen werden, am besten mit einem Blindgif, z.B.

<table width="100%" height="100%">
  <tr>
    <td width="99%">Text</td>
    <td width="100" background="background.gif><img border="0" src="blind.gif" width="100" height="2"></td>
  </tr>
</table>

Hope that helps

Andreas

[Thomas J.S.]

Hallo!

»»<table height=100% width=100%>

<tr>
<td>blablabla</td>
<td background="background.gif"  width=100> </td>
</tr>

<table border="0" width="100%" cellpadding="0" cellspacing="0">
<tr>
<td width="100%">der Inhalt
</td>
<td background="verlauf.gif"><img src="trans.gif" width="100" height="1" alt="" border="0"></td>
</tr>
</table>

allerdings, läßt der IE und der NS rechts noch immer Platzt für den Scrollbalken, wenn die Seite nicht höher ist als das Fenster.

Grüße
Thomas

[Beatrix]

Wenn gar kein Text drüber soll, kannst du doch das Bild auch in die Tabellenzelle setzen, oder?
<td align="right"><img="verlauf.gif" width="100" height="x"></td>
Beatrix

[Pit]

Moin!
Vielen Dank an alle, die gepostet haben.
Ich hab's jetzt folgendermaßen gelöst:
<table border="0" height="100%" width="100%" cellpadding="0" cellspacing="0">
<tr>
     <td valign="top" bgcolor="white" height="100%" width="99%">Text</td>
     <td width="100" background="background.gif"> <img border="0" src="background.gif"></td>
</tr>
</table>

Als Bild habe ich das Hintergrundbild genommen, weil der NC bei Blindgif's immer 'ne Linie in die Zelle gehauen hat.
Munter
Pit