Hallo,
Ich habe eine Frage die mich bei der Neuerstellung einer Site beschäftigt.
HTML oder Layer - oder beides?
In meiner Entwurfsphase habe ich auf beides gesetzt. Ich habe als Rahmen eine Tabelle genommen die per Layer mit Inhalten gefüllt werden.
Ich möchte unter der Tabelle (main) gern einen Layer (footer) setzen der als footer dienen soll.
Ist es möglich einen Layer unter eine (wachsende) Tabelle zu setzen? Oder ist es sinniger beim gesamten Layout auf Layer zu setzen? Ist es bei meinem Layout überhaupt möglich full browser compatible nur auf Layer zu setzen?
Wie erreiche ich es das der #footer unter der Seite erscheint?
Dummystand:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Lorem Ipsum</title>
<style type="text/css">
<!--
table.main {margin-top:40px;position:absolute;visibility:visible;left:50%;width:762px;margin-left:-381px;background-color:#FFF;border:#000 1px solid;}
#footer {display:block;position:relative;visibility:visible;left:50%;width:762px;margin-left:-381px;padding-top:6px;padding-bottom:20px;}
td.kopf {text-align:center;}
td.kopf_links {width:169px;text-align:left;vertical-align:top;border-right:#000 1px solid;background-color:#000;}
td.headline {width:590px;padding-bottom:15px;padding-left:18px;background-color:#000;font-weight:bold;text-align:left;vertical-align:bottom;font-family:Arial,Helvetica,sans-serif;font-size:1.0em;color:#FFF;}
td.navi {text-align:left;vertical-align:top;border-right:#000 1px solid;}
td.sideboard {text-align:left;vertical-align:top;border-right:#000 1px solid;}
td.inhalt {padding:18px;text-align:left;vertical-align:top;}
b,strong {font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-weight:bold;font-size:10pt;color:#000}
#navigation {position:relative;width:10px;height:330px;left:-381px;top:40px;z-index:3;text-align:left;vertical-align:top;}
#sprache {position:relative;width:200px;height:14px;z-index:10;text-align:right;left:350px;top:-10px;color:#000;}
-->
</style>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" class="main">
<tr>
<td colspan="2" class="kopf">Lorem Ipsum</td>
</tr>
<tr>
<td class="kopf_links"><img src="gfx/kopf/kopf_links.jpg" width="169" height="60"></td>
<td class="headline">Headline</td>
</tr>
<tr>
<td class="navi"><div id="navigation"><img src="gfx/blind.gif" width="10" height="310"></div></td>
<td class="inhalt"><div id="sprache"><a href=<?=$links[0]?> onfocus="if (this.blur) this.blur()">deutsch</a> | <a href=<?=$links[1]?> onfocus="if (this.blur) this.blur()">english</a></div><b>Sub Headline</b><br><br>Dieser Text ist ein Blindtext.</td>
</tr>
<tr>
<td class="sideboard">lorem</td>
<td>ipsum</td>
</tr>
</table>
<div id="footer">impressum, top, etc.</div>
</body>
</html>