layer nicht positioniert

[Beate]

guten abend,

ich bin ziemlich neu in dem gewerbe und bastel an meiner ersten HP mittels HTML.
ich wollte layer verwenden, jedoch werden die bei mir nicht in der richtigen position angezeigt, die höhe stimmt, aber der abstand vom linken rand nicht.
auch die beispiele aus selfhtml werden in allen meinen browsern nicht richtig angezeigt.
weiß jemand, woran das liegen kann und könnte mir helfen?

würde mich sehr freuen :-)))

gruß beate

[HarryS]

Hallo Beate,

ich bin ziemlich neu in dem gewerbe und bastel an meiner ersten HP mittels HTML.
ich wollte layer verwenden, jedoch werden die bei mir nicht in der richtigen position angezeigt, die höhe stimmt, aber der abstand vom linken rand nicht.

Ähem das ist jetzt natürlich etwas schwierig zu sehen, weil meine Kristallkugel beim 1000 Stunden Kundendienst ist.

Du sagst die Höhe stimmt, meinst du jetzt die vertikale Ausdehnung der Ebene oder den Abstand vom oberen Rand des Browserfensters zum oberen Rand der Ebene?

Hmmm der Abstand vom linken Rand stimmt nicht? wie groß ist er denn (geschätzt) wenn Du {position:absolute; left:0px} setzt?

auch die beispiele aus selfhtml werden in allen meinen browsern nicht richtig angezeigt.

Hmmmm sehr seltsam welcher Browser welches Betriebssystem?

weiß jemand, woran das liegen kann und könnte mir helfen?

Also mit so wenig Angaben wirds schwierig, kannst Du mal ein bisschen was von Deinem Beispielcode posten?

würde mich sehr freuen :-)))

Mich auch :o)

Grüße aus Nürnberg,
HarryS

[beate]

Du sagst die Höhe stimmt, meinst du jetzt die vertikale Ausdehnung der Ebene oder den Abstand vom oberen Rand des Browserfensters zum oberen Rand der Ebene?

Hmmm der Abstand vom linken Rand stimmt nicht? wie groß ist er denn (geschätzt) wenn Du {position:absolute; left:0px} setzt?

auch die beispiele aus selfhtml werden in allen meinen browsern nicht richtig angezeigt.
Hmmmm sehr seltsam welcher Browser welches Betriebssystem?

weiß jemand, woran das liegen kann und könnte mir helfen?
Also mit so wenig Angaben wirds schwierig, kannst Du mal ein bisschen was von Deinem Beispielcode posten?

würde mich sehr freuen :-)))
Mich auch :o)

Grüße aus Nürnberg,
HarryS

»»

<layer id="lay1" name="xxx" ;position:absolute; top="650" left="300" width="200">
<p>...text...</p>
</layer>

position absolute hatte ich mal versuchsweise eingesetzt, weil das im beispiel nicht drin war.

mein betriebssystem ist xp-professional, browser ie6.0, opera 7.03, netscape 7.01 und t-on browser 5.0

die layer werden im richtigen abstand zum oberen rand des browserfensters angezeigt, der abstand vom linken bildschimfenster ist ca 1 cm bei left:0px und 1 cm bei left:300px :-)))

die version mit top:650px etc hab ich auch ausprobiert

danke für deine antwort, war mir nur nicht so sicher, welche angaben benötigt werden und wollte nicht so eine ewig lange anfrage verfassen.

beate

[Dieter Raber]

Hallo,

<layer id="lay1" name="xxx" ;position:absolute; top="650" left="300" width="200">

<layer> ist nur was fuer 4er Netscapes, alle anderen haetten gerne <div> (z.B.), siehe auch SelfHTML

Dieter

[beate]

<layer> ist nur was fuer 4er Netscapes, alle anderen haetten gerne <div> (z.B.), siehe auch SelfHTML

danke dir, ich probiers noch mal, vielleicht gehts ja doch *hoffnungslos guck* :-)))

[HarryS]

Hallo beate,

<layer id="lay1" name="xxx" ;position:absolute; top="650" left="300" width="200">
<p>...text...</p>
</layer>

Auerhauerhauer sorry, aber daran ist so ziemlich alles was nur möglich ist falsch.

Also, aus
<layer id="lay1" name="xxx" ;position:absolute; top="650" left="300" width="200">
muß werden:
<div id="lay1" name="xxx" style="position:absolute; top:650px; left:300px; width:200px">

<p>...text...</p>

und daraus
</layer>
 muß ein
</div> werden

Bitte unbedingt die Satzzeichen beachte die sind wichtig!

Wie Dieter schon schrieb, das <layer> tag versteht nur der NetscapeNavigator 4.x

Nimm <div></div> das verstehen alle Browser (auch der NS4.x)

So, und jetzt versprichst Du mir das betreffende Kapitel in selfHTML Punkt für Punkt durchzuarbeiten (nicht nur überfliegen)
Der Link dazu: http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm

Grüße aus Nürnberg,
HarryS

[beate]

lieber harry,

ich versprechs, hochheiliges indianerehrenwort!!!
ich hab solange dran rumgebastelt und versucht und gelesen ud versucht zu kapieren, dass ich hinterher nix mehr geschnallt hab.

vielen dank für deine hilfe...jetzt komm ich wieder weiter :-)))

lieben gruß

beate

[KLAUS]

Hallo Beate,

hier ein Quelltext, mit dem sich die sogenannte LayerTechnik in fast allen Browsern (ausser eben Netscape 4.x) realisieren läßt:
Eine definierte "Layer"-Lage wird in <div>-Tags gesetzt.
Ein <div>-Tag in einem anderen <div>-Tag eingeschlossen, wirkt wie eine Mutter-Kind-Beziehung: das Kind-Element richtet sich im Mutter-Element aus.

<HEAD>
<TITLE>::: LAYER-StilTechnik :::</TITLE>
<style type="text/css">
body { background-image:url(hleiste01.gif); }

#bild001 { position:absolute; left:300px; top:100px; z-Index:1; }
#bild002 { position:absolute; left:170px; top:150px; z-Index:2; }
#bild003 { position:absolute; right:12px; bottom:220px; z-Index:3; }
#bild004 { position:absolute; right:240px; bottom:220px; z-Index:4; }
#txtfeld001 { position:absolute; left:180px; top:70px; z-Index:5; }
#txtfeld002 { position:absolute; right:12px; bottom:140px; z-Index:6; }

#bild001[id] { position:fixed; }
#textfeld002[id] { position:fixed; }

// { position:fixed; } ist ein Zusatz zu { position:absolute; } für alle Browser, die die Fixierung (nicht.scrollbar) nicht verstehen, diese setzen die Position dann immerhin noch auf absolute - also scrollbar - siehe oben.

</style>

</HEAD>
<BODY>
<div id="bild001"><img src="BILDER/frN01.gif" width="70" height="58" border="0 title="xxx"></div>
<div id="bild002"><img src="BILDER/frNietzsche1t2.jpg" width="70" height="58" border="0" title="xxx"></div>
<div id="bild003"><img src="BILDER/frNietzsche1.jpg" width="70" height="58" border="0" title="xxx"></div>
<div id="bild004"><img src="BILDER/frNietzsche1t1.gif" width="70" height="58" border="0" title="xxx"></div>

<div id="txtfeld001">
 <table width="100px" height="160px" border="0px">
 <td>1111</td>
 <td>2222</td>
 </table>
</div>

<div id="txtfeld002">
  <table width="140px" height="80px" border="3px">
 <td>xxxx</td>
 <td>yyyy</td>
  </table>
  <div id="txtfeld003">
   <table width="40px" height="30px" border="1px">
 <td>ääää</td>
 <td>öööö</td>
   </table>
  </div>
</div>

</BODY>

Anmerkung: Layout wie im Printbereich ! TEXT in Tabellen formatieren
 BILD als Einzelbild ohne Text setzen
z-Index:1; gibt die Layerlage an, wobei 1 ganz unten ist und 999 ganz oben
Fixierte Position bleibt beim Scrollen in der voreingestellten Position (scrollt nicht mit!).
right: Abstand vom rechten FensterRand,
left: Abstand vom linken FensterRand,
top: Abstand von oben,
bottom: Abstand von unten.

MassAngaben in px (Pixel), pt (Punkt), cm (Zentimeter), em, ... möglich.

Viel Spaß dabei,
Gruss KLAUS

[beate]

hallo klaus,

danke dir für deine ausführliche antwort, hatte mich ja kaum getraut, die frage in den raum zu stellen. ich bin eigentlich ganz begeistert, wie bereitwillig mir hier geholfen worden ist, ohne nieder gemacht zu werden.
mir fehlte im kopf einfach die verbindung zwischen <layer> und <div>. nun ist der groschen aber gefallen :-)))

an dieser stelle auch noch mal dank an alle, die sich bemüht haben!

lieben gruß

beate