nicht angemeldet
Hallo liebe coder!
Und zwar hab ich folgendes problem:
Eine Tabelle mit 3x3
Ich habe links oben ein bild, mitte oben, rechts oben, links mitte, mitte mitte, rechts mitte, links unten, mitte unten, rechts unten.
So weit so gut!
Ich will ... mmhhh am besten ... *sec*
http://riplegends.lima-city.de/test.png <- BILD (keine werbung oder so)
Da steht jetzt eh was ich vor hab!
so weit bin ich jetzt gekommen:
http://riplegends.lima-city.de/tabelle_100.html
das in die höhe strecken in der mitte geht nicht ...
--------------------
CODE
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
h1 {
position: fixed;
top: 0;
}
#stretch {
position: fixed;
top: 239px;
width: 100%;
height: 100%;
}
#stretch img {
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<table width="100%" height="500" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="57" height="57" align="left" valign="top">
<img src="_bilder/_content/links_oben.png" width="57" height="57" /></td>
<td><img src="_bilder/_content/mitte_oben.png" width="100%" height="57" /></td>
<td width="57" align="right" valign="top">
<img src="_bilder/_content/rechts_oben.png" width="57" height="57" /></td>
</tr>
<tr>
<td><div><img src="_bilder/_content/links_mitte.png" width="100%" height="100%" /></div></td>
<td><div><img src="_bilder/_content/mitte_mitte.png" width="100%" height="100%" /></div></td>
<td><div><img src="_bilder/_content/rechts_mitte.png" width="100%" height="100%" /></div></td>
</tr>
<tr>
<td height="57" align="left" valign="bottom">
<img src="_bilder/_content/links_unten.png" width="57" height="57" /></td>
<td><img src="_bilder/_content/mitte_unten.png" width="100%" height="57" /></td>
<td align="right" valign="bottom">
<img src="_bilder/_content/rechts_unten.png" width="57" height="57" /></td>
</tr>
</table>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
h1 {
position: fixed;
top: 0;
}
#stretch {
position: fixed;
top: 239px;
width: 100%;
height: 100%;
}
#stretch img {
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<table width="100%" height="500" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="57" height="57" align="left" valign="top">
<img src="_bilder/_content/links_oben.png" width="57" height="57" /></td>
<td><img src="_bilder/_content/mitte_oben.png" width="100%" height="57" /></td>
<td width="57" align="right" valign="top">
<img src="_bilder/_content/rechts_oben.png" width="57" height="57" /></td>
</tr>
<tr>
<td><div><img src="_bilder/_content/links_mitte.png" width="100%" height="100%" /></div></td>
<td><div><img src="_bilder/_content/mitte_mitte.png" width="100%" height="100%" /></div></td>
<td><div><img src="_bilder/_content/rechts_mitte.png" width="100%" height="100%" /></div></td>
</tr>
<tr>
<td height="57" align="left" valign="bottom">
<img src="_bilder/_content/links_unten.png" width="57" height="57" /></td>
<td><img src="_bilder/_content/mitte_unten.png" width="100%" height="57" /></td>
<td align="right" valign="bottom">
<img src="_bilder/_content/rechts_unten.png" width="57" height="57" /></td>
</tr>
</table>
</body>
</html>
--------------------
Im Dreamweaver sieht das ganze ja (komisch) richtig aus:
http://riplegends.lima-city.de/bg_dw.jpg
sry Bitte um Hilfe!
mfg Mario
Marc