dreamweaver:layer liegt nicht da wo er sein soll @ tutorials.de: Tutorials, Forum & Hilfe

Z-r0 · 20.10.06 01:13

Hi Leute!

Habe folgendes Problem: Im designermode von Dreamweaver steht mein layer da wo er sein soll mit inhalt aber im brower ist er dann ganz wo anders.
Nehme mal an, das liegt daran, dass ich ne 1200er Auflösung benutze und ja natürlich jetzt der layerl wenn er in der mitte sein sollen bei 600 also der hälfte sein muss.
Was ist wenn ich den jetzt so mittig rechts haben will, bei mir wären dass dann ja so 800px aber bei anderen könnte das schon der Bildschirmrand sein.
Hoffe ihr wisst was ich meine.
Danke!

fanste · 20.10.06 01:45

Habe ich das richtig verstanden, dass du nur einen Layer immer in der Mitte des Browsers haben willst?

Code :

1	style="left:50%;margin-left: -300px"

Kann dir jetzt grad nicht sagen, ob du noch ne position-Angabe machen musst, oder nicht. Die -300px entsprechen der Hälfte der Layerbreite (hier: 600px).

Maik · 20.10.06 06:27

Wie sieht denn der Quellcode der Seite aus? Aus Deiner Beschreibung wird man nämlich nicht so richtig schlau, wo der Layer derzeit positioniert ist. Ebenso wenig hast Du Dich darüber ausgelassen, wie breit er überhaupt dimensioniert ist.

Wenn der Layer "mittig rechts" positioniert sein soll, kannst Du es ja mal mit folgendem Stylesheet probieren:

Code :

<style type="text/css">
#layer1 {
position: absolute;
left: 50%;
}
</style>

bzw.

Code :

1	<div id="layer1" style="position:absolute; left:50%;">...</div>

Z-r0 · 20.10.06 14:54

Hi,

danke schonmal für die Antworten. Ich versuche mich mal besser auszudrücken:

Also es sieht so aus, dass ich eine Grafik habe, die das Layout der seite sein soll. Jetzt wollte ich nurnoch ein Javascript Menu und den Inhalt (schrift) in Dreamweaver hinzufügen und wusste nicht so recht wie ich das machen soll.
Habe gelesen man soll layer für sowas benutzten (warum keine tabellen) und hab versucht in der Grafik, da wo das Menu sein soll, ein Layer zu erstellen damit ich da das Javascript Menu reinmachen kann und dann wollte ich noch ein Layer für den Text machen.

Die Hintergrund Grafik (also das Layout) ist im Hintergrund und ich habe im Bereich wo das Menu hin soll, ein Layer in Dreamweaver gezeichnet aber dieser Layer für das Menu ist, sobald ich es mir in Firefox anschaue, nicht dort, wo er sein soll sondern viel weiter rechts von dem eigentlichen in Dreamweaver angezeigtem Ort.

Woran könnte das liegen?
Ist meine Rangehensweise an das Erstellen einer Website überhaupt so sinnvoll?

Hoffe ihr könnt mich verstehen und mir ein paar Tips geben.

Ciao!

Maik · 20.10.06 17:00

Darf man mal erfahren, weshalb Du Dir für diesen Thread einen neuen User-Account (vacio) angelegt hast?

Ich war mal so frei, die beiden Benutzerkonten zu vereinen, und möchte Dich bitten, dies zukünftig zu unterlassen.

Z-r0 · 20.10.06 18:07

sorry, wusste garnicht mehr, dass ich mich hier mal angemeldet hatte.
das mit dem vereinen geht schon in ordnung *g*

Hoffe man mein letzten Beitrag kapiert. Bin am verzweifeln. Ich kann einfach nicht herausfinden, was ich machen muss, damit es egal wie groß das Fenster ist immer an der gleichen Stelle bleibt.

Maik · 20.10.06 18:09

Ich hatte Dich heute morgen schon darum gebeten, den Quellcode der Seite zu zeigen, damit wir einen Einblick in die Dokumentstruktur und derzeitige CSS-Formatierung gewinnen können.

Z-r0 · 21.10.06 23:23

so sieht das bei mir aus. Im layout modus ist das menu nicht da wo es sein sollte aber wenn ich es im firefox angucke liegt es an der richtigen stelle.

HTML-Code:

<title>home</title>
<style type="text/css">
<!--

body {
	background-color: #7A7A72;
	background-attachment: fixed;
	background-image: url(layout.JPG);
	background-repeat: no-repeat;
	background-position: center center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #333333;
}


#Layer1 {
	position:absolute;
	left:792px;
	top:411px;
	width:78px;
	height:173px;
	z-index:1;
}

-->
</style>
</head>

<body>
<div id="Layer1">
<script language="JavaScript" type="text/javascript" src="./menu_scr.js">
</script>

<table  id="m1mainSXMenu2" cellspacing="1" cellpadding="4" class="x1" border="0" width="100">
<tr align="center">
<td onmouseover="chgBg(m1,'m1tlm0',3);exM(m1,'m1mn1','m1tlm0',event)"
onmouseout="chgBg(m1,'m1tlm0',0);coM(m1,'m1mn1')"  id="m1tlm0"  class="m1mit" 
 bgcolor="#46A3FF">

<a id="m1tlm0a" class="m1CL0" href="javascript:void(0);" onmouseover="exMNS(m1,'m1mn1',event)"
onmouseout="coMNS(m1,'m1mn1')" >
<div id='m1mn1top' class='topFold'>Menu<img width="8" height="8" src="./menu_m1iad.gif" align="texttop" border="0" /></div></a></td></tr></table></div>

</body>

Maik · 21.10.06 23:33

Zitat von Z-r0 | 20.10.06, 01:13

Im designermode von Dreamweaver steht mein layer da wo er sein soll mit inhalt aber im brower ist er dann ganz wo anders.

Zitat von Z-r0 | 21.10.06, 23:23

Im layout modus ist das menu nicht da wo es sein sollte aber wenn ich es im firefox angucke liegt es an der richtigen stelle.

Und wo stimmt jetzt nun die Seitendarstellung?

Gibt es evtl. eine Online-Version der Seite, oder kannst Du hier mal einen Screenshot der Seite anhängen?

Ohne die Grafik als Referenzpunkt ist da momentan nämlich nicht viel zu erkennen.

Die CSS-Positionierung des DIVs #Layer1 wird in den Browsern zumindest schon mal richtig ausgeführt.

Und noch ein Tipp: Die Breite des Layers gehört der Tabellenbreite angepasst, oder umgekehrt.

Z-r0 · 22.10.06 06:45

Hier ist derLINK

Hab außerdem ein weiteres problem. Hab ne Seite gemacht und dort soll das Bild links ausgerichtet sein aber man kann sich ja angucken wie es aussieht:Hier Klicken
also hier sieht wieder alles anders aus als es sein soll...

hoffe ihr könnt mir auch hierbei helfen. Der Screenshot zum eigentlich problem, kommt noch.

ps: irgendwie seh ich das bild nur, wenn ich die Firewall ausmache, woran könnte sowas liegen

Maik · 22.10.06 07:14

Notiere für die background-position-Eigenschaft noch den zweiten Wert der Hintergrundposition zum oberen Elementrand:

Code :

body {
        background-color: #000000;
        background-image: url(splash.jpg);
        background-repeat: no-repeat;
        background-position: left [b]top[/b];
}

Die vier Eigenschaften lassen sich auch mit der background-Eigenschaft zusammenfassen:

Code :

1
2
3

body {
        background: #000 url(splash.jpg) no-repeat left top;
}

Z-r0 · 22.10.06 08:02

cool, danke für die lösung und den tips.

Das Bild, welches das Problem mit dem Menu zeigt ist hier: KLICK

Maik · 22.10.06 08:05

Da ich nicht mit Dreamweaver arbeite, kann ich Dir leider auch nicht sagen, warum der Layer in DW an der falschen Stelle positioniert ist bzw. wie sich das beheben lässt.

fanste · 22.10.06 17:23

Dreamweaver hat so siene Eigenheiten. Habe ich auch schon bei manchen Arbeiten von mir festgestellt. Brauchst du nicht zu beachten, solange es in den "normalen" Browsern funktioniert.

Z-r0 · 22.10.06 18:41

Danke für die Antwort.

Das problem ist, dass wenn ich die seite minimiere und die größe des Firefox fenster variere, das menu nicht mehr auf dem Platz wo es sein sollte ist sondern es bleibt wie festgefroren da stehen, wo es war als Firefox maximiert war.
Das heisst ich kann nicht erwarten, dass es bei 1024er Auflösung genauso aussieht wie bei 1280er oder 800er...
Wie kann ich das Menu positionieren, dass es sich sozusagen mitbewegt?

tut orials.de	tut verbinden	tut dir helfen	tut kooperieren
©2000-2012 tutorials.de Alle Rechte vorbehalten	tut informieren » Impressum » Nutzungsregeln » Netiquette » Team » Redaktion	» Tutorials » Videotutorials » Showroom » Events & Contests » Chat » RSS-Feed » Blogs	» der-webdesigner.net » DesignerInAction » Design Nation » Directorforum » Flashhilfe » PHP-Resource » PHPwelt » PSD-Tutorials

Themen-Optionen

Anzeige

Ähnliche Themen

Animation - Layer soll nur an den animierten Stellen sichtbar sein

Div fixed ist nicht dort wos sein soll :(

Standardwert für int soll nicht '0' sein

Frameborder soll nicht zu sehen sein

Tabellengröße nicht so wie sie sein soll verzweifle

E-Mail:

Abonnieren Abbestellen

Themen-Optionen

Anzeige

Ähnliche Themen

Animation - Layer soll nur an den animierten Stellen sichtbar sein

Div fixed ist nicht dort wos sein soll :(

Standardwert für int soll nicht '0' sein

Frameborder soll nicht zu sehen sein

Tabellengröße nicht so wie sie sein soll *verzweifle*

Tabellengröße nicht so wie sie sein soll verzweifle