Raist: Tabellenzelle mit relativer groesse UND overflow:scroll?

Beitrag lesen

SELF-Forum

Tabellenzelle mit relativer groesse UND overflow:scroll?

Raist
– Informationen zu den Bewertungsregeln

Hi, mit dem folgenden Code versuche ich es hinzubekommen, dass in der Zelle 'Inahlt' nur innerhalb der Zelle irgendwas angezeigt wird, ohne, dass sich die Zelle vergroessert - weswegen ich zu overflow zurueckgreifen wollte.
Da dies aber anscheinend nicht mit relativen groessenangaben arbeiten kann brauchte ich einen kniff den ich hier irgendwo im forum gefunden habe - der aber auch nicht klappt..

hat jemand eine Idee, wie man das ganze fixt bzw realisieren kann?
Es geht eben darum das Hintegrgrundbild zu nehmen und nur in dem in der mitte abgesteckten stueck inhalt darzustellen.. (drum die tables bei mir)
Falls wer eine sinvollere loesung als Tables hat waer ich auch gluecklich..

Danke schonmal

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
<head>  
<title>TITEL</title>  
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">  
<meta http-equiv="Imagetoolbar" content="no">  
  
<style type="text/css">  
html {height:100%;}  
body {height:100%; margin:0; padding:0;}  
#bg {position:fixed; top:0; left:0; width:100%; height:100%;}  
#content {position:relative; z-index:1; }  
#scr {  
  position:absolute;  
  height:100%;  
  width:100%;  
  margin:0;  
  padding:0;  
  overflow:scroll;  
}  
</style>  
<!--[if IE 6]>  
<style type="text/css">  
/* some css fixes for IE browsers */  
html {overflow-y:hidden;}  
body {overflow-y:auto;}  
#bg {position:absolute; z-index:-1;}  
#content {position:static;}  
</style>  
<![endif]-->  
</head>  
<body>  
<div id="bg"><img src="http://img521.imageshack.us/img521/545/backgroundza2.jpg" width="100%" height="100%" alt=""></div>  
<div id="content">  
<table border="0" width="100%" height="100%" cellpadding="5">  
<tr height="18%">  
 <td colspan = "3" width="100%" valign="top" align="center"> <font color="#C0C0C0">     </font></td>  
<tr height="62%">  
 <td width="28%" valign="center">     <font color="#C0C0C0"> NAVI   </font>      </td>  
 <td valign="top">  
 <div style="position:relative;height:100%;">  
 <div id="scr">  
 <font color="#C0C0C0">  INHALT  
</div></div>  
</td>  
 <td width="28%"></td>  
<tr height="15%">  
 <td colspan = "3" width="100%" align="center">  
 <font color="#C0C0C0"> FOOT   </font>  
 </td>  
</table>  
</div>  
</body>  
</html>
Beitrag melden
–
Informationen zu den Bewertungsregeln