Gruppen
- Top Gruppen
- Betriebsysteme
- Windows classik
- Linux
- BS-Sonstige
- Software
- Datenbanken
- Bildbearbeitung
- Audio/mp3/Video
- Security/Viren
- SW-Sonstige
- Hardware
- Mainboard/CPU
- Grafikkarten
- Peripherie
- Laptop/Notebook
- HW-Sonstiges
- Netzwerk
- Telefon,ISDN,Modem
- W-Lan
- NW-Sonstiges
- Programmierung
- PHP,ASP,Perl...
- Java,C++...
- Webseiten/HTML
- Sonstiges
- PC-Sonstiges
- Plauderecke
- SN Intern
- Test
/ Forum / Webseiten/HTML
Webseiten/HTML
Fragevon mKornik vom 10.06.2019, 00:04 Options
Ebenenausrichtung Dreamweaver
Hallo,
ich habe folgendes Problem..
Ich möchte meine Webseite neugestalten und arbeite mit Ebenen über Dreamweaver.
Die erste Ebene bildet den äußeren Rahmen der ganzen Webseite und ist über "align=center" zentriert, sodass der Benutzer, unabhängig von der Auflösung, diese Ebene immer in der Mitte des Bildschirms hat.
Eine zweite ebene beinhaltet einen iframe, mit dem ich alle Inhalte lade und somit auf gewöhnliche HTML-Dateien zurückgreife..
Jetzt das Problem: Ich bekomme die zweite Ebene nicht innerhalb der ersten Ebene zentriert. Dh, der eigentliche Inhalt der Webseite wird immer unterschiedlich bzw. fix angezeigt..
Wie erreiche ich den gewünschten Effekt?
ich habe folgendes Problem..
Ich möchte meine Webseite neugestalten und arbeite mit Ebenen über Dreamweaver.
Die erste Ebene bildet den äußeren Rahmen der ganzen Webseite und ist über "align=center" zentriert, sodass der Benutzer, unabhängig von der Auflösung, diese Ebene immer in der Mitte des Bildschirms hat.
Eine zweite ebene beinhaltet einen iframe, mit dem ich alle Inhalte lade und somit auf gewöhnliche HTML-Dateien zurückgreife..
Jetzt das Problem: Ich bekomme die zweite Ebene nicht innerhalb der ersten Ebene zentriert. Dh, der eigentliche Inhalt der Webseite wird immer unterschiedlich bzw. fix angezeigt..
Wie erreiche ich den gewünschten Effekt?
Antwort 1 von rfb vom 10.06.2019, 09:29 Options
Zitat:
ich habe folgendes Problem..
Ich ... arbeite mit ... Dreamweaver.
gute Problembeschreibung! Abhilfe: deinstalliere DW.ich habe folgendes Problem..
Ich ... arbeite mit ... Dreamweaver.
Deine eigentliche Frage zum Zentrieren eines IFrames innerhalb "einer Ebene" innerhalb "einer Ebene" lässt sich ohne Kenntnis dessen, was du schon an Quellcode hast, nicht beantworten. Allerdings erstellt DW ziemlich kaputten und unübersichtlichen Quellcode, so dass eine Fehleranalyse kompliziert ist.
Lesetipp: FAQ: Zentrieren mittels CSS
Antwort 2 von mkornik vom 10.06.2019, 09:32 Options
Hallo,
hier der Teil an Quellcode, der interessant sein dürfte:
hier der Teil an Quellcode, der interessant sein dürfte:
<div id="Layer1" align="center" style="position: width:950px; height:586px; z-index:1; left: 5px; top: 5px;"><img src="hintergrund.jpg" width="900" height="586" border="0" usemap="#Map">
<map name="Map">
<area shape="rect" coords="106,3,153,47" href="/news/home.php" target="iframe">
<area shape="rect" coords="217,6,298,48" href="haftung.htm" target="iframe">
<area shape="rect" coords="300,4,399,48" href="impressum.htm" target="iframe">
<area shape="rect" coords="520,3,615,48" href="/myguestbook/guestbook.php" target="iframe">
<area shape="rect" coords="719,4,794,46" href="tuning.htm" target="iframe"> <area shape="rect" coords="619,4,714,47" href="/board" target="_blank"> <area shape="rect" coords="157,3,213,47" href="links.htm" target="iframe">
<area shape="rect" coords="404,4,517,47" href="contact.php" target="iframe">
</map>
<div id="Layer2" style="position:absolute; width:865px; height:392px; z-index:2; left: 80px; top: 198px;">
<iframe name="iframe" width=100% height=100% NORESIZE scrolling=Yes frameborder=0 marginheight=0 marginwidth=0
src="news/home.php"></iframe></div>
</div>
Antwort 3 von rfb vom 10.06.2019, 09:50 Options
wir vergleichen:
align="center" style="position: width:950px; height:586px; z-index:1; left: 5px; top: 5px;"
und
style="position:absolute; width:865px; height:392px; z-index:2; left: 80px; top: 198px;"
das erste DIV ist horizontal zentriert mittels des veralteten align=center. Dann kommt ein kaputtes Stück CSS. Die Angaben zu position, left und top darin kann der Browser gar nicht mehr berücksichtigen, denn bei position fehlt ein Wert und left/top widersprechen align=center. Weg damit!
Das zweite DIV wird mit position:absolute aus dem Dokumentfluss genommen - damit orientiert es sich nicht mehr am umgebenden DIV sondern am Browserfenster. Wenn es innerhalb des ersten DIVs zentriert sein soll ist diese Angabe Unsinn. Weg damit, ebenso left und top. Nutze entweder die Angaben wie im Link in Antwort 1 oder hau das uralte align=center da mit rein.
Abstände nach oben machst du nicht mit top sondern mit margin-top, also der Angabe Abstand nach oben.
Und versuch DW klar zu machen, dass er nicht mit der
Oder deinstallier den Kram und schreib es gleich von Hand, das bisschen
align="center" style="position: width:950px; height:586px; z-index:1; left: 5px; top: 5px;"
und
style="position:absolute; width:865px; height:392px; z-index:2; left: 80px; top: 198px;"
das erste DIV ist horizontal zentriert mittels des veralteten align=center. Dann kommt ein kaputtes Stück CSS. Die Angaben zu position, left und top darin kann der Browser gar nicht mehr berücksichtigen, denn bei position fehlt ein Wert und left/top widersprechen align=center. Weg damit!
Das zweite DIV wird mit position:absolute aus dem Dokumentfluss genommen - damit orientiert es sich nicht mehr am umgebenden DIV sondern am Browserfenster. Wenn es innerhalb des ersten DIVs zentriert sein soll ist diese Angabe Unsinn. Weg damit, ebenso left und top. Nutze entweder die Angaben wie im Link in Antwort 1 oder hau das uralte align=center da mit rein.
Abstände nach oben machst du nicht mit top sondern mit margin-top, also der Angabe Abstand nach oben.
Und versuch DW klar zu machen, dass er nicht mit der
positionOder deinstallier den Kram und schreib es gleich von Hand, das bisschen
HTML/CSSAntwort 5 von mKornik vom 10.06.2019, 11:09 Options
Hallo,
Danke erst mal für deine Hilfe!
Ich bin jetzt einen Schritt weitergekommen.. Jedoch verstehe ich unter o.g. Link das mit dem negativen Außenabstand nicht und zweitens zeigt der Browser die Ebene nicht an bzw. liegt sie auch nicht zentriert im Mutter-Container..
Noch eine weitere Frage.. Kann ich den IFrame bzw das zweite Layer indem der iframe ist, feste Positionen im Muttercontainer geben?
Hier mein aktueller Quellcode:
Danke erst mal für deine Hilfe!
Ich bin jetzt einen Schritt weitergekommen.. Jedoch verstehe ich unter o.g. Link das mit dem negativen Außenabstand nicht und zweitens zeigt der Browser die Ebene nicht an bzw. liegt sie auch nicht zentriert im Mutter-Container..
Noch eine weitere Frage.. Kann ich den IFrame bzw das zweite Layer indem der iframe ist, feste Positionen im Muttercontainer geben?
Hier mein aktueller Quellcode:
<style type="text/css">
#Layer {
position: absolute;
top: 50%;
left: 50%;
width: 824px;
height : 400px;
margin-top: -412px;
margin-left: -2004px;
border:1px solid #000000;
padding:10px;
overflow:auto;
}
-->
</style>
</head>
<body bgcolor="#717171">
<div id="Layer1" align="center" width:950px; height:586px; z-index:1;"><img src="hintergrund.jpg" width="900" height="586" border="0" usemap="#Map">
<map name="Map">
<area shape="rect" coords="106,3,153,47" href="/news/home.php" target="iframe">
<area shape="rect" coords="217,6,298,48" href="haftung.htm" target="iframe">
<area shape="rect" coords="300,4,399,48" href="impressum.htm" target="iframe">
<area shape="rect" coords="520,3,615,48" href="/myguestbook/guestbook.php" target="iframe">
<area shape="rect" coords="719,4,794,46" href="tuning.htm" target="iframe">
<area shape="rect" coords="619,4,714,47" href="/board" target="_blank">
<area shape="rect" coords="157,3,213,47" href="links.htm" target="iframe">
<area shape="rect" coords="404,4,517,47" href="contact.php" target="iframe">
</map>
</div>
<div id="Layer"><iframe name="iframe" width=100% height=100% NORESIZE scrolling=Yes frameborder=0 marginheight=0 marginwidth=0 src="daten.htm"></iframe></div>
Antwort 6 von rfb vom 10.06.2019, 11:37 Options
Zitat:
feste Positionen im Muttercontainer geben?
indem du feste Positionen im Muttercontainer geben?
positionbei
margin-top: -412px;
margin-left: -2004px;
und
position:absolute
würde es mich wundern, wenn da was angezeigt wird. Rechne mal aus wo dein DIV jetzt liegt!
Nimm mal für den Anfang nur das erste Beispiel aus dem verlinkten FAQ. Und bloß nicht die version
position:absoluteAntwort 7 von mkornik vom 10.06.2019, 12:00 Options
Jetzt hab ich ein neues Problem..
Ich nutze im ersten Layer ein Hintergrundbild auf dem ich über Maps links zu den Unterseiten setze, die dann im iframe angezeigt werden.
Solange das hintergrundbild eingefügt ist, ist der zweite Layer unter dem Hintergrundbild. Der zweite Layer soll auf dem hintergrundbild sein, da dort der Inhalt angezeigt werden soll..
Einfacher wäre es nach meiner logik (die ja nicht richtig sein muss), wenn das zweite Layer auf dem ersten liegt (auf dem Hintergrundbild) und dann im ersten Layer einen festen Platz hat und sich somit nur zentral mit dem ersten ausrichtet.
Ist das Möglich?
Ich nutze im ersten Layer ein Hintergrundbild auf dem ich über Maps links zu den Unterseiten setze, die dann im iframe angezeigt werden.
Solange das hintergrundbild eingefügt ist, ist der zweite Layer unter dem Hintergrundbild. Der zweite Layer soll auf dem hintergrundbild sein, da dort der Inhalt angezeigt werden soll..
Einfacher wäre es nach meiner logik (die ja nicht richtig sein muss), wenn das zweite Layer auf dem ersten liegt (auf dem Hintergrundbild) und dann im ersten Layer einen festen Platz hat und sich somit nur zentral mit dem ersten ausrichtet.
Ist das Möglich?
Antwort 8 von rfb vom 10.06.2019, 12:10 Options
Zitat:
ein Hintergrundbild auf dem ich über Maps links zu den Unterseiten setze
in deinem Quellcode taucht kein Hintergrundbild auf, sondern eine per img eingebundene Grafik mit einer Imagemap.ein Hintergrundbild auf dem ich über Maps links zu den Unterseiten setze
Zitat:
Einfacher wäre es
nein, das wäre es nicht - du verkomplizierst den Code unnötig (was er allerdings mit Imagemaps und IFrame sowieso schon ist - von Barrierefreiheit erst gar nicht zu reden)Einfacher wäre es
Zitat:
Ist das Möglich?
mit DW-Quellcode kaum, du brauchst dafür neben soliden HTML- und CSS-Kenntnissen nämlich auch Code, der die Browser nicht in den Quirksmodus (Browser: ich rate mal, was ich mit dem Quellcode machen soll) versetzt.Ist das Möglich?
Ähnliche Themen
buttons im dreamweaver
netzfreak 04.03.2007 - 108 Hits - 1 Antwort
dreamweaver 8 unter suse 10.2
emanuel 23.03.2007 - 102 Hits - 2 Antworten
dreamweaver vorlagen gesucht
dreamweaver 05.04.2007 - 231 Hits - 4 Antworten
Dreamweaver MX 2004
Scumback 26.05.2007 - 168 Hits - 2 Antworten
Welches kostenlose Programm ist wie Dreamweaver?
ElCheffe 16.06.2007 - 217 Hits - 14 Antworten
Hinweis
Diese Frage ist schon etwas älter, Sie können daher nicht mehr auf sie antworten. Sollte Ihre Frage noch nicht gelöst sein, stellen Sie einfach eine neue Frage im Forum..
Neue Einträge
