Anzeige - [Hier werben / Mediadaten]
(?) Tags raten (?) dreamweaver, layout, stabilität (edit)
 
Reply to this topicStart new topicStart Poll
> Layout-Stabilität von Dreamweaver-Ebenen/Layern, erbitte Informationen und Meinungen
Shea
  Geschrieben am: Do 30.06.2005, 23:47
Report PostQuote Post

AyomRank 1
**

Gruppe: Member (inaktiv)
Beiträge: 3
Mitglied seit: 30.06.2005


hier wagt sich die Hausfrau unter euch, die nur eine Webseite als Hobby erstellen wird :-)

Eine komplette Anfängerin bin ich nicht. Hab früher die eine oder andere Künstler-Seite mit Dreamweaver4 erstellt. Aber das ganze technische Programmierzeugs übersteigt meinen Horizont. Ich überleg schon, ob es sich lohnen würde, dieses CSS im Dreamweaver zu lernen - sieht aus, wie etwas, was ich noch begreifen könnte *gg* Aber zum Thema:

Ich hab mir grad das Upgrad auf das neueste DW geleistet. Und auch wenn es evtl. noch Monate dauern wird bis ich meine Seite hochlade, bewegt mich doch seit einigen Monaten schon die gleiche Frage auf die ich bisher keine zuverlässige Antwort finden konnte. Drum dachte ich, ich versuch es mal bei euch.

Mir schwebt vor, Untermenus in Layern/Ebenen zu integrieren. So dass die bei Mousover erscheinen. Nun wurde mir von verschiedenen Seiten davon abgeraten, weil sich die DW-Layer offenbar je nach Bildschirmgrösse, Browser und anderem unterschiedlich verhalten und in Grösse und Plazierung varieren. Das würde natürlich mein Layout zerstören. Kann mir hier jemand zuverlässiges zum Thema sagen?
Auf alten (inzwischen gelöschten) Webseiten von mir, hab ich das Phänomen tatsächlich hin und wieder selbst gesehen. Die Layer erscheinen nicht in der vorgegebenen Grösse und Text wird abgeschnitten. Ist das Problem evtl. mit dem neuen DW behoben oder liegt es ganz woanders? Wie zuverlässig, bzw. stabil sind diese Layer/Ebenen in ihrer Positionierung und Grösse innerhalb eines Layouts?
(Dazu sollte ich vielleicht noch sagen, dass ich kürzlich die DW-Templates entdeckt habe und daher keine Frames mehr machen werde, auch nicht für ein Menu.)
Top
PM
Top
 
 
Sascha Ahlers
#2 Geschrieben am: Fr 1.07.2005, 07:54 (+08:06)
Report PostQuote Post

AyomRank 8
Group Icon

Gruppe: Experten Entwicklung
Beiträge: 1701
Mitglied seit: 27.12.2004


QUOTE (Shea @ Do 30.6.2005, 23:47)
[...]
Mir schwebt vor, Untermenus in Layern/Ebenen zu integrieren. So dass die bei Mousover erscheinen. Nun wurde mir von verschiedenen Seiten davon abgeraten, weil sich die DW-Layer offenbar je nach Bildschirmgrösse, Browser und anderem unterschiedlich verhalten und in Grösse und Plazierung varieren. Das würde natürlich mein Layout zerstören. Kann mir hier jemand zuverlässiges zum Thema sagen?
[...]

Hallo,

erst ein Mal könnte es wirklich passieren, dass genau sowas eintritt. Immerhin ist Dreamweaver auch nur ein WYSIWYG-Editor, welche meistens nur auf einen Browser spezialisiert sind und zwar auf genau den, auf welchen auch Ihre Vorschau aufbaut.
Ich habe jedoch nur minimal mit Dreamweaver gearbeitet, was hauptsächlich daran lag, dass ich eine gewisse Cleint/Server-Installation erstellen musste. Ansonsten habe ich nur die fertigen Ergebnisse von Dreamweaver beobachtet.

Zu dem kann es Dir auch passieren, dass das JavaScript nicht 100% in allen Browser funktioniert oder überhaupt nicht funktioniert, weil JavaScript entweder abgestellt ist oder in dem Browser gar nicht vorhanden ist (gute Beispiele sind hier Text-Browser wie Lynx oder w3m).


MfG Sascha Ahlers


--------------------
Joseph Joubert: "Der Verstand kann uns sagen, was wir unterlassen sollen. - Aber das Herz kann uns sagen, was wir tun müssen."

Sicherheit beim Programmieren: Top 10 application vulnerabilities in 2007
Top
PMEmail PosterUsers WebsiteICQ
Top
 
hanseng
#3 Geschrieben am: Fr 1.07.2005, 17:57 (+10:02)
Report PostQuote Post

AyomRank 3
******

Gruppe: Member (aktiv)
Beiträge: 32
Mitglied seit: 11.06.2005


Hallo Shea,

ich hatte Probleme mit Div-Layer und zwar mit denen, die über mehrere, unterschiedlich große Tabellen hinausragten. Bei etwa 20 Systemen, alle mit IE, hatten 4 Darstellungsprobleme.
Die Panoramabilder im Headbereich meiner Seite, sind alle mit Div-Layer fixiert und bisher konnte ich da noch keine Fehler auf anderen Systemen, ob Firefox, IE oder Netscape feststellen.
Meine Nepal Rundreisekarte ist komplett mit Div-Layer gemacht. Auch bei dieser Seite bisher keine Fehler gesehen (alle mit DW 4 gemacht).
Solltest Du mit Div-Layer arbeiten wollen, empfehle ich Dir Firefox zum Überprüfen Deiner Seite. Der zeigt die Fehler sofort, während IE da etwas toleranter ist.

Gruß
hansen


--------------------
Top
PMEmail PosterUsers Website
Top
 
René Weber
rwx-support
#4 Geschrieben am: So 3.07.2005, 13:31 (+43:34)
Report PostQuote Post

AyomRank 7
Group Icon

Gruppe: Moderatoren
Beiträge: 1169
Mitglied seit: 3.09.2004


Hallo Shea,

Ich arbeite immer noch mit Dreamweaver 4 (im Moment habe ich kein Invetsment Budget).
Ich habe mich auch gerade mit Submenus rumgeschlagen und habe bemerkt, dass sich meine Submenus unter einem Java Applet verstecken, egal welchen z-index ich ihnen auch gebe.

Ich habe da ein nettes Java Script gefunden, mit welchem man auch ohne Programmierkenntnisse spielen kann. Vielleicht gibt dir das den nötigen Kick.
Falls du nach etwas Vertikalem suchst, findest du die URL in der Source.

Mit besten Grüssen
Boubou7

QUOTE
<html>
<head>

<style type="text/css">

#csstopmenu, #csstopmenu ul{
padding: 0;
margin: 0;
list-style: none;
}

#csstopmenu li{
float: left;
position: relative;
}

#csstopmenu a{
text-decoration: none;
}

.mainitems{
border: 1px solid black;
border-left-width: 0;
background-color: #D8FE89;
}

.headerlinks a{
margin: auto 8px;
font-weight: bold;
color: black;
}

.submenus{
display: none;
width: 10em;
position: absolute;
top: 1.2em;
left: 0;
background-color: #EEFFCC;
border: 1px solid black;
}

.submenus li{
width: 100%;
}

.submenus li a{
display: block;
width: 100%;
text-indent: 3px;
}

html>body .submenus li a{ /* non IE browsers */
width: auto;
}

.submenus li a:hover{
background-color: yellow;
color: black;
}

#csstopmenu li>ul {/* non IE browsers */
top: auto;
left: auto;
}

#csstopmenu li:hover ul, li.over ul {
display: block;
}

html>body #clearmenu{ /* non IE browsers */
height: 3px;
}

</style>

<script type="text/javascript">

// CSS Top Menu- By JavaScriptKit.com (http://www.javascriptkit.com)
// Adopted from SuckerFish menu
// For this and over 400+ free scripts, visit JavaScript Kit- http://www.javascriptkit.com/
// Please keep this credit intact

startMenu = function() {
if (document.all&&document.getElementById) {
cssmenu = document.getElementById("csstopmenu");
for (i=0; i<cssmenu.childNodes.length; i++) {
node = cssmenu.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function(){                 
this.className=this.className.replace(" over", "")
}
}
}
}
}

if (window.attachEvent)
window.attachEvent("onload", startMenu)
else
window.onload=startMenu;

</script>

</head>
<body>

<ul id="csstopmenu">

<li class="mainitems" style="border-left-width: 1px">
<div class="headerlinks"><a href="http://www.javascriptkit.com">JavaScript Kit</a></div>
<ul class="submenus">
<li><a href="http://javascriptkit.com/">Home</a></li>
<li><a href="http://javascriptkit.com/cutpastejava.shtml">Free JavaScripts</a></li>
<li><a href="http://javascriptkit.com/javaindex.shtml">JavaScript tutorials</a></li>
<li><a href="http://javascriptkit.com/jsref/index.shtml">JavaScript Reference</a></li>
</ul>
</li>

<li class="mainitems">
<div class="headerlinks"><a href="http://www.javascriptkit.com">2nd Menu Item</a></div>
<ul class="submenus" style="width: 14em">
<li><a href="">Sub 2 Item 1. Long text, long menu.</a></li>
<li><a href="">Sub 2 Item 2</a></li>
<li><a href="">Sub 2 Item 3.</a></li>
</ul>
</li>

<li class="mainitems">
<div class="headerlinks"><a href="http://www.javascriptkit.com">3rd Menu Item</a></div>
<ul class="submenus">
<li><a href="">Sub 3 Item 1</a></li>
<li><a href="">Sub 3 Item 1</a></li>
<li><a href="">Sub 3 Item 1</a></li>
<li><a href="">Sub 3 Item 1</a></li>
</ul>
</li>

</ul>

<div id="clearmenu" style="clear: left"></div>


</body>
</html>




--------------------
Alles ist relativ.
Visayan Silent Gardens Abenteuer Philippinen
La Fouly Ab in die Berge SOLD!!!
Top
PMEmail PosterUsers WebsiteICQ
Top
 
Shea
#5 Geschrieben am: Mo 4.07.2005, 20:13 (+30:41)
Report PostQuote Post

AyomRank 1
**

Gruppe: Member (inaktiv)
Beiträge: 3
Mitglied seit: 30.06.2005


also mit nem Java-Script bin ich vorerst noch überfordert *ggg*... Ich werds dann halt einfach mal probieren mit den Layer Untermenus und es in möglichst vielen Browsern und Auflösungen testen, bevor ich es wirklich verwende.

Vielen Dank für die Antworten :-)
Top
PM
Top
 
nicdude
#6 Geschrieben am: Do 4.08.2005, 11:16 (+30d 15:03)
Report PostQuote Post

AyomRank 1
**

Gruppe: Member (inaktiv)
Beiträge: 1
Mitglied seit: 4.08.2005


gruß! ich geh mal davon aus, dass es viele opfer von dreamweaver gibt ( ; u hab da ein ähnliches problem!
die positionsunterschiede meiner ebenen bei ie u firefox sind extrem!
viell hat jemand mit ahnung lust, sich ma kurz meine seite http://www.n-rt.de anzugucken (bestimmt keine werbung - nur verzweiflung) u evtl fehlerquellen einzugrenzen! wenns trotz absoluter positionierung nicht hinhaut hab i viell ein problem u muss auf ebenen verzichten oder mich auf einen positionskompromiss einlassen!
sind ein- bzw ausblendungsgeschichten bei den menüpunkten! beim rollover erscheint weiter unten jeweils text!
wäre für antworten (wie auch shea) extrem dankbar...!

mfg, nicdude
Top
PMEmail Poster
Top
 
René Weber
rwx-support
#7 Geschrieben am: Do 4.08.2005, 12:33 (+01:17)
Report PostQuote Post

AyomRank 7
Group Icon

Gruppe: Moderatoren
Beiträge: 1169
Mitglied seit: 3.09.2004


Hallo nicdude,
Zuerst mal herzlich willkommen hier im Forum.
Ich habe mir nur deine Startseite angeschaut. Ich sehe keinen Unterschied im IE und Firefox. Das einzige, was in beiden Browsern nicht zu klappen scheint sind die Texte welche beim Gleiten über's Menu in der schraffierten Zone erscheinen. und auch die beiden Bilder innerhalb dieser Zone scheinen am falschen Ort zu sein.

Ich habe mir dann die Source angeschaut und mit Grauen ph34r.gif festgestellt, dass du:
1) Die Styles in der Source eingebunden hast (ein externes Style-Sheet wäre schon besser)
2) Du mit Tabellen anstatt Layern arbeitest

Da du mit Dreamweaver arbeitest, solltest du dir überlegen, ob die Seite nicht besser auf Layern aufbauen möchtest. Dann kannst du jedem Element pixelgenau den Platz zuweisen. Spiel mal ein Bisschen mit den Layern (du findest die Layer in der Dreamweaver Toolbox in der 1. Kolonne auf der 3. Linie). Unten findest du ein kleines Beispiel, welches dir zum Experimentieren reichen sollte.

Mit besten Grüssen
Boubou7

QUOTE
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#FFFFFF" text="#000000">
<div id="Layer1" style="position:absolute; width:137px; height:115px; z-index:1; left: 143px; top: 36px">DAS
  IST EIN LAYER MIT TEXT</div>

<div id="Layer2" style="position:absolute; width:200px; height:115px; z-index:2; left: 220px; top: 102px; background-color: #FF0000; layer-background-color: #FF0000; border: 1px none #000000">
  <div align="center">
    <p>&nbsp;</p>
    <p><b><font color="#FFFFFF">Und dieser Layer ist rot</font></b></p>
    <p><b><font color="#FFFFFF">Spiel mit dem z-index!</font></b></p>
  </div>
</div>
</body>
</html>


--------------------
Alles ist relativ.
Visayan Silent Gardens Abenteuer Philippinen
La Fouly Ab in die Berge SOLD!!!
Top
PMEmail PosterUsers WebsiteICQ
Top
 
Thema wird von 0 Benutzer(n) gelesen (0 Gäste und 0 anonyme Benutzer)
0 Mitglieder:
Trackback-Url: http://www.ayom.com/track/t/7669

Topic Options Reply to this topicStart new topicStart Poll

 


> Ähnliche Themen
Verkaufe Party/Community Layout slayter 162 0 So 14.09.2008, 10:30
domain bastelhit.de inkl. layout aerotech 203 0 So 29.06.2008, 11:05
Community Layout inkl. CSS / xHTML partyspezial 482 6 Mi 25.06.2008, 10:59
Benutzung von Layern Robman 228 2 Mi 21.05.2008, 12:18
[SUCHE] Layout Designer easyswiss 433 9 Mo 14.04.2008, 19:27
Adsene ganz und gar am Seiten Layout anpassen sevenid 455 7 Fr 7.03.2008, 23:52
Tabellenkonstrukte für das Layout finanzcheck 131 3 Di 29.01.2008, 15:35
Lan-Index neues Layout Nico B 212 6 Fr 11.01.2008, 18:47
Bildergarlerie für bestehendes Layout rene76 268 4 So 6.01.2008, 18:22
Verkaufe Flirtcommunuty Script + Layout Nightuser 422 4 So 2.12.2007, 11:47




Anzeige - [Hier werben / Mediadaten]



Anzeigen


[Hier werben / Mediadaten]