Probleme mit Ebenen / DIV

Re(4): Probleme mit Ebenen / DIV

brax. — Fri, 21 Oct 2005 08:54:25 GMT

Hi Undying,

Tausend Dank für die Lösung - ist bisher die sauberste und funktioniert einwandfrei!!

greez brax.

Re(5): Probleme mit Ebenen / DIV

Undying — Thu, 20 Oct 2005 18:24:30 GMT

Mit Javascript ist es auch net sauber *gg*

http://forum.geizhals.at/t370046,2890024.html#2890024

Re(3): Probleme mit Ebenen / DIV

Undying — Thu, 20 Oct 2005 18:18:05 GMT

html, body

{

margin:0;

border:0;

padding:0;

height:100%;

max-height:100%;

overflow: hidden;

}

#header

{

position:absolute;

top:0;

left:0;

width:100%;

height:75px;

overflow:hidden;

}

#content

{

position:fixed;

top:75px;

left:0;

bottom:0px;

right:0;

}

* html body

{

padding:75px 0 0px 0;

}

* html #content

{

height:100%;

width:100%;

}

Content

So habs ich mal gelöst gehabt! Geht im IE und Firefox!

Re(7): Probleme mit Ebenen / DIV

brax. — Thu, 20 Oct 2005 15:10:53 GMT

Stimmt bei IE funktioniert es ausnahmweise mal Ich probier auch mal - vielleicht ergibt sich ja noch was.

Re(6): Probleme mit Ebenen / DIV

Sir Hondo — Thu, 20 Oct 2005 14:37:43 GMT

Du kannst 2 Layer schachteln:

Re(6): Probleme mit Ebenen / DIV

Sir Hondo — Thu, 20 Oct 2005 14:37:43 GMT

Du kannst 2 Layer schachteln:

EDIT:
Hab gerade gesehen, dass es mit dem Firefox nicht geht. Ich probier nochmal.

Re(5): Probleme mit Ebenen / DIV

brax. — Thu, 20 Oct 2005 14:25:27 GMT

hey danke - funktioniert!

Allerdings wollte ich auf Javascript verzichten - fällt jemand noch eine Lösung ohne Javascript ein?

Re(4): Probleme mit Ebenen / DIV

Sir Hondo — Thu, 20 Oct 2005 14:15:56 GMT

Das geht:

<script type="text/javascript">

  function korr_L2() {
    if(navigator.appName == "Netscape") {
      document.getElementById("Layer2").style.height = window.innerHeight -30;
    } else {
      document.getElementById("Layer2").style.height = document.body.offsetHeight -34;
    }
  }

</script>

<body onLoad="korr_L2()" ...

is zwar sehr aufwendig, aber funktioniert.

Re(3): Probleme mit Ebenen / DIV

brax. — Thu, 20 Oct 2005 14:11:07 GMT

Hi Walter,

ja genau - es fehlen mir genau die Pixel, die ich bei top-margin oder bei top eingebe. Die Lösung des Problems wäre, wenn man bei height:100%-30px oder so eingeben könnte. Geht aber so leider nicht

Re(2): Probleme mit Ebenen / DIV

Sir Hondo — Thu, 20 Oct 2005 13:59:19 GMT

Das is aber extrem unsauber, da fehlen ihm gegebenfalls 1-2 Zeilen am unteren Rand.

Re(2): Probleme mit Ebenen / DIV

brax. — Thu, 20 Oct 2005 13:51:17 GMT

Also mit scroll=no ?

Damit kann ich lediglich die Scrollleiste des Browsers unterdrücken, jedoch nicht verhindern, dass das untere Ende der Scrollleiste der Ebene versteckt ist.

Re: Probleme mit Ebenen / DIV

Undying — Thu, 20 Oct 2005 12:03:47 GMT

Im Bodytag scroll deaktivieren.

Undying

Probleme mit Ebenen / DIV

brax. — Thu, 20 Oct 2005 11:31:07 GMT

Hallo zusammen,

ich möchte eine anscheinlich simple Aufgabe mit Ebenen lösen.

In einer HTML-Seite werden zwei Ebenen benutzt. Eine, die "fest" verankert am oberen Bildschirmrand positioniert ist (z.B. für Überschrift) und eine zweite die direkt anschließend unterhalb posioniert ist. Die zweite soll scrollbar sein, wenn der Text über die Browsergröße hinausgeht. Ebenfalls soll die zweite Ebene auf 100% der vertikalen Browsergröße skaliert werden. Alles klar?

Problem: Die zweite Ebene verschiebt sich um die Höhe der ersten Ebene nach unten und somit verschiebt sich auch der Scrollbalken nach unten. Als Referenz für die Höhe der zweiten Ebene nehmen die Browser (getestet mit Firefox 1.0.6 und IE6) die Gesamthöhe. Blöd!

Mit margin-top:30 funktionierts nicht und mit top:30 auch nicht. Habt ihr ne Idee?

Die Seite und somit der Quelltext ist unter:

http://www.mittelalterbilder.de/ebenen.html

einzusehen.

thx!

Probleme mit Ebenen / DIV

brax. — Thu, 20 Oct 2005 11:31:07 GMT

Probleme mit Ebenen / DIV

brax. — Thu, 20 Oct 2005 11:31:07 GMT

Hallo zusammen,

ich möchte eine anscheinlich simple Aufgabe mit Ebenen lösen.

In einer HTML-Seite werden zwei Ebenen benutzt. Eine, die "fest" verankert am oberen Bildschirmrand positioniert ist (z.B. für Überschrift) und eine zweite die direkt anschließend unterhalb posioniert ist. Die zweite soll scrollbar sein, wenn der Text über die Browsergröße hinausgeht. Ebenfalls soll die zweite Ebene auf 100% der vertikalen Browsergröße skaliert werden. Alles klar?

Problem: Die zweite Ebene verschiebt sich um die Höhe der ersten Ebene nach unten und somit verschiebt sich auch der Scrollbalken nach unten. Als Referenz für die Höhe der zweiten Ebene nehmen die Browser (getestet mit Firefox 1.0.6 und IE6) die Gesamthöhe. Blöd!

Mit margin-top:30 funktionierts nicht und mit top:30 auch nicht. Habt ihr ne Idee?
<!--
Hier der Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

Unbenanntes Dokument

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
Überschrift

1 Test

2 Test

3 Test

4 Test

1 Test

2 Test

3 Test

4 Test

1 Test

2 Test

3 Test

4 Test

1 Test

2 Test

3 Test

4 Test

1 Test

2 Test

3 Test

4 Test

</body>
</html>

-->