✔ Hintergrundbild ausrichten

[schiese]

Hi,
ich habe eine Tabelle mit einer Höhe von (um die) 200px. Dort habe ich ein Hintergrundbild drin! Es hat eine Höhe von 50px. Wie kann ich es anstellen, dass es quasi ganz unten anfängt?

<table border="0" width="200" align="center" class="edlt">
 <tr>
  <td align="center"><b>Einloggen</b></td>
 </tr>
 <tr>
  <td> &nbsp; </td>
 </tr>
 <tr>
  <td><input class="logininput" type="text" name="user" value='Username' onFocus="if(this.value=='Username')this.value=''" onBlur="if(this.value=='')this.value='Username'"></td>
 </tr>
 <tr>
  <td><input class="logininput" type="password" name="passwort" value='Passwort' onFocus="if(this.value=='Passwort')this.value=''" onBlur="if(this.value=='')this.value='Passwort'"></td>
 </tr>
 <tr>
  <td> &nbsp; </td>
 </tr>
 <tr>
  <td><input id="go" type="submit" value="Log In"></td>
 </tr>
 <tr>
  <td colspan="2" style="font-size:6px;">&nbsp;</td>
 </tr>
</table>

table.edlt{
font-size:9pt;
font-family:Arial;
background-image:url(hgb.jpg);
}

Habe es per:

position:absolute;
bottom:0px;

versucht, aber dann waren die Tabellen ganz unten.

Danke, schiese

 

[Maik]

Zum Positionieren eines Hintergrundbildes gibt es die background-position-Eigenschaft.

 

[schiese]

Bin wahrscheinlich zu blöd. Kriege das nicht hin! Zumal die Höhe der Tabelle ja nicht immer 200px beträgt. Die kann auch mal 400px hoch sein und dann passt es nicht mehr.

schiese

 

[Quaese]

Hi,

schon mal

background-position: 0 100%;

versucht?

Soll die Grafik nicht wiederholt angezeigt werden, kannst Du das über die Eigenschaft background-repeat erzwingen.

background-repeat: no-repeat;

Ciao
Quaese

 

[schiese]

Danke, so funktioniert es! Habe es wohl durcheinander gebracht. Wegen des einen Artikels IE height="100%"

schiese