title image


Smiley Re: Alternative Positionierung, feste Navigation
Hallo Jane,



Ich hab das jpeg nochmal mit eingesetzt.

Im folgenden COde hab ich den Teil für den IE rausgenommen, wegen Übersicht.

Es gibt einen "div id=content" Abschnitt, dort hab ich ein table-Tag eingesetzt. Dieser Div Abschnitt ist der, mit dem der Breich bestimmt wird, den ich blau eingerammt hab. (damit erzähl ich dir bestimmt nichts neues, ist nur für roten faden)



Im style Bereich wird auch der "Content" bestimmt, soweit ich seh aber nur Höhen/breiten angaben, nicht der Inhalt.



Im ul Bereich (LIste) sind Verweise zu htm Dateien, ich stell fest bei Klick auf einen Link der LIste ändert sich der Aufbau dieses Seitenbeispile's.



Den Aufbau hab ich aber nicht mehr vor zu ändern, sondern nur den Inhalt des Bereiches den ich im jpeg blau eingerahmt hab. Und wie das möglich ist, seh ich nicht.







<html>

<head>

<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">

<title>Feststehende Kopf- und Fußzeile</title>

<style type="text/css">

body

{

position:absolute;

background:#ffffff;

}

html, body

{

top:0; left:0; right:0;

min-height:100%;

margin:0;

padding:0;

width:100%;

}

#header_container

{

position:fixed;

top:0; left:0; right:0;

text-align:center;

margin:0;

height:3em;

z-index:3;

}



#header

{

position:absolute;

top:0; left:0; right:0; bottom:0;

height:100%;

background:#efefef;

z-index:3;

margin:0;

padding:0.2em;

}

#menu

{

position:fixed;

top:4em;

left:.5em;

width:9em;

border: 3px dotted #dedede;

padding:.5em;

}

#content

{

margin:0;

padding-top:4.85em;

padding-left:12em;

padding-bottom:3em;

z-index:2;

}

#footer_container

{

position:fixed;

bottom:0; left:0; right:0;

text-align:center;

margin:0;

height:2em;

z-index:3;

}

#footer

{

position:absolute;

top:0; left:0; right:0; bottom:0;

background:#efefef;

z-index:3;

}





</style>

</head>

<body>



<div id="header_container">



<h1 id="header">Seite mit Header und Footer (2)</h1>

</div>





<ul id="menu">

<li><a href="beispiel1.htm">Einfacher Footer</a></li>

<li><a href="beispiel2.htm">Feststehender Footer</a></li>

<li><a href="beispiel3.htm">Feststehender Footer für den Internet Explorer</a></li>



<li><a href="beispiel4.htm">Kombination: Ein Footer für alle</a></li>

<li><a href="beispiel5.htm">Feststehende Kopf- und Fußzeile</a></li>

<li id="active">Alternative Positionierung, feste Navigation</li>

<li><a href="index.htm#fixierte_navigation_bsp">Zum Artikel</a></li>

</ul>







<div id="content">



/* Table Table tABLE */



<table border="0" height="660" cellspacing="0" cellpadding =" 0">



<col width="5">

<col width="260">

<col width="5">

</colgroup>



<tr>

<td bgcolor="#FFF000"></td>

<td bgcolor="#FFF000"><br><hr color="#000000" align="right" noshade size="1">



</td>

<td bgcolor="#FFF000"></td>

</tr>



</table>





</div>



<div id="footer_container">

<div id="footer">

<b>Und hier ist der endgültige Footer!</b>



</div>

</div>



</body>

</html>





geschrieben von

Anhang
Bild 9882 zu Artikel 480305

Login

E-Mail:
  

Passwort:
  

Beitrag anfügen

Symbol:
 
 
 
 
 
 
 
 
 
 
 
 
 

Überschrift: