nicht angemeldet
tabelle auf bild-max-höhe anpassen
hi !
ich habe eine seite die auf einer tabelle basiert, oben ein eingangsbild und eine navi-zeile hat und unten mit einer fusszeile abschließt.
im mittleren bereich gibt es ein iframe. ich möchte gerne, dass dieses iframe von der höhe das browserfenster ausnutzt. die oberen und unteren zeilen sind höhenmäßig definiert und ich habe derzeit folgenden code-aufbau - siehe unten.
kann mir einer von euch sagen, wie ich dieses in den griff gekomme oder kann mir einen entsprechenden link benennen ?
gruß Jan :-)
hier mein code:
<html>
<title>Blbabla</title>
<!--Hier stehen die Meta-Daten-->
</head>
<body>
<div align="center">
<table class="mainbodywidth">
<!---------------------- Kopfzeile ---------------------->
<tr>
<td>
<!--INC:"kopfzeile.inc","9.4.2007 14:06:56"-->
Eingangsbild
<!--/INC:"kopfzeile.inc"-->
</td>
</tr>
<!---------------------- Navigation ---------------------->
<tr>
<td>
<!--INC:"navigation.inc","12.4.2007 20:45:12"-->
Navizeile
<!--/INC:"navigation.inc"-->
</td>
</tr>
<!---------------------- Textfeld ---------------------->
<tr>
<!-- <td>
<div align="center"><img src="../grafiken/warnkegel.jpg" width="70" height="120" border="0" alt=""> </div>
</td>-->
<td valign="top">
<iframe src="txt_start.html" frameborder="0" height="400" width="760"></iframe>
</td>
</tr>
<!---------------------- Fusszeile ---------------------->
<tr>
<td class="main_tblfeet">
<!--INC:"fusszeile.inc","9.4.2007 13:28:50"-->
Fusszeile
<!--/INC:"fusszeile.inc"-->
</td>
</tr>
</table>
</div>
</body>
</html>
-
Ich glaube CSS ist die richtige Lösung für dein Problem!
Mit dem DIV-Tag kann man die Positionen der einzelnen Elemente beliebig verändern. Ich habe deinen Code mal ein bisschen DIVISIERT :-)
Guck doch mal unter Positionierung nach:
http://de.selfhtml.org/css/eigenschaften/positionierung.htm<title>Blbabla</title>
<!--Hier stehen die Meta-Daten--></head>
<body>
<table class="mainbodywidth">
<!---------------------- Kopfzeile ---------------------->
<tr>
<td><!--INC:"kopfzeile.inc","9.4.2007 14:06:56"-->
<div style="position:absolute; top:0px; z-index:3;">Eingangsbild</div>
<!--/INC:"kopfzeile.inc"--></td>
</tr>
<!---------------------- Navigation ---------------------->
<tr>
<td>
<!--INC:"navigation.inc","12.4.2007 20:45:12"-->
<div style="position:absolute; top:20px; z-index:3;">Navizeile</div>
<!--/INC:"navigation.inc"-->
</td>
</tr><!---------------------- Textfeld ---------------------->
<tr>
<!-- <td>
<div style="position:absolute; top:20px; z-index:3;" align="center"><img src="../grafiken/warnkegel.jpg" width="70" height="120" border="0" alt=""></div>
</td>-->
<div style="position:static; top:0px; z-index:1;" align="center">
<iframe src="txt_start.html" frameborder="0" height="400" width="760"></iframe>
</td>
</tr></div>
<!---------------------- Fusszeile ---------------------->
<tr>
<td class="main_tblfeet"><!--INC:"fusszeile.inc","9.4.2007 13:28:50"-->
<div style="position:absolute; top:430px; z-index:3;">Fusszeile</div>
<!--/INC:"fusszeile.inc"-->
</td></tr>
</table>
</div>
</body>
</html>-
Hallo NekoChan,
vielen Dank für Deinen Beitrag - wenn ich Dich richtig verstehe, dann willst Du mir den Aufzeigen um mit Layern die Position von Elementen näherzubringen.
Mein primäres Problem ist aber die Anpassung der Höhe des IFRAMES.
Deine Codezeile diesbezüglich
<iframe src="txt_start.html" frameborder="0" height="400" width="760"></iframe>
hat sich gar nicht geändert.
Geht mein Vorhaben überhaupt ?
Gruß Jan :-)
-