einen bereich immer unten anzeigen

[msi]

Hallo,
ich habe einen Copyright hinweis, der immer unten in der mitte angezeigt werden soll. Aber nur wenn man soweit runtergescrollt ist, dass der andere Text schon vorbei ist.

also wenn es eine kleine Seite mit ein paar Zeilen ist, soll der hinweis ganz unten stehen und das scrollen wird nicht gebraucht.

wenn der Text viele Zeilen hat, soll der copyright hinweis in der letzen Zeile angezeigt werden und zwar so, dass kein anderer text verdeckt wird und erst wenn man ganz runter gescrollt hat.

wie realisiere ich das am besten, bzw ist das überhaupt realisierbar mit html, css und javascript?
welche alternativen hätte ich, die ebenfalls gut aussehen?

danke Markus

[CEROG]

Hallo msi,

das geht mit CSS schon.

Ich mach es auf meiner Site so:
Im Stylesheet:


#fussbereich
{
bottom:10px;
margin-left:10px;
margin-right:10px;
padding:10px;
}


In der htm-datei:


<!-- Fussbereich -->
<div id="fussbereich">
<a href="http://validator.w3.org/check?uri=referer">
<img style="border:0;width:88px;height:31px" src="http://www.w3.org/Icons/valid-xhtml10"
alt="Valid XHTML 1.0!" />
</a>
<a href="http://jigsaw.w3.org/css-validator/">
<img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss"
alt="Valid CSS!" />
</a>
<span id="fusszeile">
&copy;2004 Mein Name
</span>
</div>


Wahrscheinlich mußt du auch noch für das Feld darüber mit min-height eine Mindestgröße angeben.

Du solltest das Ganze mit unterschiedlichen Browsern testen. Besonders NN4 macht da Probleme.

Viele Grüße,

CEROG

[Jana]

Eine Tabellenkonstruktion ist dafür immer gut.

Wenn das zu aufwendig ist nimmt man Javascript und Div-Container.
Lade dir dazu die Javascript cbe-Dateien von www.cross-browser.com herunter und binde die benötigten Dateien ein:
<script type='text/javascript' src='cbe/cbe_core.js'></script>
<script type='text/javascript' src='cbe/cbe_clip.js'></script>
<script type='text/javascript' src='cbe/cbe_debug.js'></script>
<script type='text/javascript' src='cbe/cbe_slide.js'></script>
<script type='text/javascript' src='cbe/cbe_slide2.js'></script>
<script type='text/javascript' src='cbe/cbe_event.js'></script>

<style>
.main {position:absolute;
left:300; top:10px;
width:800px; height:500px;
z-index:20; font-size: 9pt; overflow:visible;
font-family:Verdana,Arial,Helvetica;color:#676767;
background:yellow; layer-background-color:yellow;}

.foot {position:absolute;
left:300; top:10px;
width:500px; height:30px;
z-index:30; font-size: 9pt; overflow:visible;
font-family:Verdana,Arial,Helvetica;colorblack;
background:blue; layer-background-color:blue;}
</style>

<script type='text/javascript'><!--

var main,foot;
function windowOnload() {init()};
function init(){

with (main = cbeGetElementById('main').cbe) {
resizeTo(document.cbe.width()-300,document.cbe.height()-350)
moveTo(300,10);
zIndex(20);
show();
}

with (foot = cbeGetElementById('foot').cbe) {
resizeTo(document.cbe.width()-300,document.cbe.height()-250)
moveTo(document.cbe.width()/2-40,document.cbe.height()-30);
zIndex(30);
show();
}
}
//--></script>

<div id="main" class="main">
Mein context
</div>

<div id="foot" class="foot">
Mein Foot Zeile
</div>