mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 22:17 Benutzername: Passwort: Auto-Login

Thema: Layer bei IE und Firefox verschieben sich vom 16.08.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Layer bei IE und Firefox verschieben sich
Autor Nachricht
Michelino81
Threadersteller

Dabei seit: 02.05.2006
Ort: -
Alter: 42
Geschlecht: Männlich
Verfasst Mi 16.08.2006 21:30
Titel

Layer bei IE und Firefox verschieben sich

Antworten mit Zitat Zum Seitenanfang

Hallo,

arbeite gerade an einer eigene Seite. Stehe jetzt vor einen für mich nicht lösbaren Problem.

Habe in DW die Seite u.a. mit Layer (DIV) gestalten müssen (war notwendig). Bei IE wird sie entsprechend dargestellt, aber bei Firefox ist die Grafik stets ein Stückchen versetzt und beim Fenster verkleinern verschiebt sich der Layer.

Das Verschieben bei Verkleinerung des Browser-Fensters ist ein Problem, dass ich noch hinkriege. Aber wie kann ich das versetzte Div-Layer auf beide Browser in Griff bekommen.

Ich muss es aber so gestalten und alle 8 Seiten sind bereits so aufgebaut!!!

Wie kann ich dieses Problem lösen?
Vielen Dank für EURE Hilfe!!!
  View user's profile Private Nachricht senden
labrar

Dabei seit: 04.04.2006
Ort: -
Alter: 49
Geschlecht: Männlich
Verfasst Mi 16.08.2006 21:36
Titel

Antworten mit Zitat Zum Seitenanfang

Ich mag falsch liegen. Aber wenn du Tabellen zentrierst (und das tust du so wie es aussieht und darin dann Layers einbindest werden die in verschiedenen Browsern auch verschieden dargestellt.

Leg die Tabellen immer linksbündig an. Dann besteht das Problem nicht da der Layer dann einen absoluten y und x Punkt hat.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Michelino81
Threadersteller

Dabei seit: 02.05.2006
Ort: -
Alter: 42
Geschlecht: Männlich
Verfasst Do 17.08.2006 11:38
Titel

Antworten mit Zitat Zum Seitenanfang

@Labrar

Vielen Dank für Deine schnelle Antwort.

Meine Seite ist folgendermaßen aufgebaut:

Header und Footer als Index (Zwecks einmal laden), diese Seite ist komplett links ausgerichtet.
Die eigentlichen Seiten, werden via include in den center geladen(ebenfalls links - nicht zentriert).

Komischerweise sind die Grafiken im Centerbereich (Layer, etc.) alle korrekt - verschieben sich also überhaupt nicht.
Weil diese von einer Tabelle umrahmt sind.

Nur im Header ist der eine Layer mit Grafik, der bei Firefox um paar mm veretzt ist.
Dieser Layer geht leicht in Tabelle hinein.
Im IE ist alles i.O.! Richte ich aber nach FF aus, dann stimmts nicht bei IE ?!?
  View user's profile Private Nachricht senden
ZeroFlash

Dabei seit: 11.02.2005
Ort: -
Alter: 41
Geschlecht: Männlich
Verfasst Do 17.08.2006 12:20
Titel

Antworten mit Zitat Zum Seitenanfang

wie wärs denn mal mit ein wenig quellcode oder nem link, damit wir uns das mal real ansehen können und nicht fitkiv in der suppe rühren müssen?!
  View user's profile Private Nachricht senden
Xaven

Dabei seit: 26.03.2002
Ort: Motorcity Rüsselsheim
Alter: 41
Geschlecht: Männlich
Verfasst Do 17.08.2006 13:41
Titel

Antworten mit Zitat Zum Seitenanfang

Klingt nach dem Box-Modell, was du falsch verstanden hast / nicht kennst:

http://de.selfhtml.org/css/formate/box_modell.htm
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Michelino81
Threadersteller

Dabei seit: 02.05.2006
Ort: -
Alter: 42
Geschlecht: Männlich
Verfasst Fr 18.08.2006 12:31
Titel

Antworten mit Zitat Zum Seitenanfang

@all

Nochmals kurz zu mir. Ich persönlich habe eigentlich nichts mit html/php/etc. am Hut......will mir aber trotzdem eine nette Seite machen - Deshalb Erklärungen bitte für Anfänger * Applaus, Applaus *

Beim Center-Bereich sind die Layers doch ebenfalls versetzt bei Firefox, als wie bei IE.

Habe es Tesweise mal mit margin vor den left und top-angaben versucht, ist aber nur bedingt zu gebrauchen....


Hier Quellcode (Centerbereich):

<table width="800" height="390" border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="images/backround/bgg-print.jpg">
<div id="Layer1" style="position:absolute; left:595px; top:392px; width:136px; height:23px; z-index:5"><a href="mailer.cgi"><img src="images/backround/Anfrage-Formular-button.jpg" width="144" height="25" border="0" usemap="#AnfrageFormular"></a>
<map name="AnfrageFormular" id="AnfrageFormular">
<area shape="rect" coords="151,55,351,88" href="Anfrage-Formular.php">
</map>
</div>
<div id="ang" style="position:absolute; left:581px; top:184px; width:192px; z-index:5">
<table width="172" height="20" border="1" cellpadding="2" cellspacing="2" bordercolor="#336633" bgcolor="FFFFE8">
<tr>
<td width="160" background="images/backround/balkentext3.jpg"><font color="#FFFFCC" size="2" face="Arial, Helvetica, sans-serif"><em><strong>Angebotsauszug</strong></em></font><strong><em><font color="#FFFFCC" size="2"></font></em></strong></td>
</tr>
</table>
<table width="172" border="0" cellspacing="0" cellpadding="5">
<tr>
<td width="172" align="left" valign="top" bgcolor="FFFFE8"><div align="center"><font color="#006600" size="-2" face="Arial, Helvetica, sans-serif">Logoentwicklung,
CI</font> <font color="#006600" size="-2" face="Arial, Helvetica, sans-serif">
<br>
Gesch&auml;ftsdokumente, CI<br>
Visitenkarten<br>
Flyer<br>
Postkarten<br>
Poster<br>

Plakate<br>

Prospekte<br>

Brosch&uuml;ren<br>
</font><font color="#006600" size="-2" face="Arial, Helvetica, sans-serif">
Geschenke- u. Werbeartikel<br>
</font><font color="#006600" size="-2" face="Arial, Helvetica, sans-serif">
u.v.m. </font></div></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="170"><img src="images/backround/balkentext5.jpg" width="170" height="10"></td>
</tr>
</table>
</div>
<div id="wtext" style="position:absolute; left:48px; top:184px; width:385; height:158px; z-index:5">
<table width="385" height="20" border="1" cellpadding="2" cellspacing="2" bordercolor="#336633" bgcolor="FFFFE8">
<tr>
<td width="350" background="images/backround/balkentext3.jpg"><font color="#FFFFCC" size="2" face="Arial, Helvetica, sans-serif"><strong><em>Liebe
Kunden, </em></strong></font></td>
</tr>
</table>
<table width="385" border="0" cellspacing="0" cellpadding="5">
<tr>
<td width="443" height="123" align="left" bgcolor="FFFFE8"><div align="left"><em><font color="#006600" size="2" face="Arial, Helvetica, sans-serif">auf
dieser Seite erhalten Sie einen kleinen Auszug unserer Serviceleistungen
f&uuml;r Sie. <br>
<br>
Wir bitten um Verst&auml;ndnis, dass wir aufgrund der gro&szlig;en
Angebotsvielfalt hier nicht alles einstellen k&ouml;nnen. <br>
<br>
<em>Da Auftr&auml;ge von Kunde zu Kunde verschieden sind, dass
heisst speziell auf den Kundenwunsch gerichtet sind, k&ouml;nnen
wir erst nach detaillierten Angaben ein unverbindliches Angebot
erstellen.<br>
<br>
Sollten Sie also nicht das gefunden haben, wonach Sie suchen,
dann k&ouml;nnen Sie sich trotzdem<em> mit Ihren Ideen/W&uuml;nsche<em>n</em></em>
an uns wenden.</em> <br>
<br>
Bitte teilen Sie uns Ihre W&uuml;nsche/Anforderungen &uuml;ber
unser Anfrage-Formular mit - wir erstellen dann f&uuml;r Sie ein
Angebot.</font></em></div></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="385"><img src="images/backround/balkentext5.jpg" width="385" height="10"></td>
</tr>
</table>
</div></td>
</tr>
</table>
  View user's profile Private Nachricht senden
ZeroFlash

Dabei seit: 11.02.2005
Ort: -
Alter: 41
Geschlecht: Männlich
Verfasst So 20.08.2006 09:18
Titel

Antworten mit Zitat Zum Seitenanfang

ähm du nimmst layer und dann innerhalb dieser tabellen zum ausrichten? macht für mich wenig sinn. mach es doch alles
komplett in css

schau dich doch einfach mal hier um
  View user's profile Private Nachricht senden
 
Ähnliche Themen Hilfe!! Objekte und Layer verschieben sich
[GoLive 6.0] Layer zusammen mit Tabelle verschieben
Div Layer verschieben sich bei float:left
firefox und layer
div-layer. Border mit Firefox?
DIV-Layer Darstellng im Firefox
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.