mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 02.12.2016 19:03 Benutzername: Passwort: Auto-Login

Thema: ebenen-problem vom 21.06.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> ebenen-problem
Seite: 1, 2  Weiter
Autor Nachricht
Benutzer 4545
Account gelöscht Threadersteller


Ort: -

Verfasst Mi 21.06.2006 07:15
Titel

ebenen-problem

Antworten mit Zitat Zum Seitenanfang

Hallo, ich hab ein layout mit ebenen aufgebaut und darüber (jetzt nur zum test) 2 ineinanderverschachtelte
ebenen (die sich dadurch angeblich nicht verschieben sollen) gelegt. nun ist aber das problem, das die
ebenen sich, im verhältnis zur tabelle dahinter, die auf zentriert steht, trotzdem verschieben, wenn man das browserfenster größer oder kleiner macht. kann jemand
bitte so lieb sein und mal in meinen code reinschauen, was da jetzt falsch ist??

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}


function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function MM_showHideLayers() { //v6.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
    obj.visibility=v; }
}
//-->
<<script type="text/javascript">
function popup(url) {
 fenster=window.open(url, "Popupfenster", "width=400,height=300,resizable=yes");
 fenster.focus();
 return false;
}
</script>
      <link href="testlayer.css" rel="stylesheet" type="text/css" media="all">
      <style type="text/css" media="screen"><!--
#Ebene1 { background-color: #fff8eb; height: 150px; width: 200px; left: 334px; top: 126px; position: absolute; margin-left: auto; margin-right: auto; visibility: visible; }
#Ebene2 { background-color: #009ee0; height: 100px; width: 100px; left: 10px; top: 10px; position: relative; visibility: visible; }
--></style>
   </head>

<body onLoad="MM_preloadImages('Bilder/rollover_menue/studio_over_03.jpg','Bilder/rollover_menue/leistungen_over_03.jpg','Bilder/rollover_menue/team_over_03.jpg','Bilder/rollover_menue/wissen_over_03.jpg_05.jpg_0.jpg','Bilder/men%FCpunkte/neu/oeffnung_over_10.jpg')">
<div id="Layer1" position:=absolute; style=left:12; top:245; width:150; height:20; z-index:1; visibility: hidden;"></div>
<table width="783" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><img src="Blatt Lagerware noch umstellen/lektion 14/Bilder/KOPF_01.GIF" width="783" height="98"></td>
  </tr>
</table>
<table width="783" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="2" rowspan="2"><img src="Blatt Lagerware noch umstellen/lektion 14/Bilder/rahmen_03.gif" width="2" height="112"></td>
    <td width="150"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','Bilder/rollover_menue/studio_over_03.jpg',1)"><img src="Blatt Lagerware noch umstellen/lektion 14/Bilder/rollover_menue/studio_up_03.jpg" name="Image3" width="150" height="92" border="0"></a></td>
    <td width="7" rowspan="2"><img src="Blatt Lagerware noch umstellen/lektion 14/Bilder/rahmen_03.gif" width="7" height="112"></td>
    <td width="150"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','Bilder/rollover_menue/leistungen_over_03.jpg',1)"><img src="Blatt Lagerware noch umstellen/lektion 14/Bilder/rollover_menue/leistungen_up_03.jpg" name="Image6" width="150" height="92" border="0"></a></td>
    <td width="7" rowspan="2"><img src="Blatt Lagerware noch umstellen/lektion 14/Bilder/rahmen_03.gif" width="7" height="112"></td>
    <td width="150">
               <div id="Ebene1">
                  <div id="Ebene2"></div>
               </div>
               <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image9','','Bilder/rollover_menue/team_over_03.jpg',1)"><img src="Blatt Lagerware noch umstellen/lektion 14/Bilder/rollover_menue/team_up_03.jpg" name="Image9" width="150" height="92" border="0"></a></td>
    <td width="7" rowspan="2"><img src="Blatt Lagerware noch umstellen/lektion 14/Bilder/rahmen_03.gif" width="7" height="112"></td>
    <td width="150"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image18','','Bilder/rollover_menue/galerie_over_03.jpg_03.jpg',0)"><img src="Blatt Lagerware noch umstellen/lektion 14/Bilder/rollover_menue/galerie_up_03.jpg_03.jpg" name="Image18" width="150" height="92" border="0"></a></td>
    <td width="7" rowspan="2"><img src="Blatt Lagerware noch umstellen/lektion 14/Bilder/rahmen_03.gif" width="7" height="112"></td>
    <td width="150"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image19','','Bilder/rollover_menue/wissen_over_03.jpg_05.jpg_0.jpg',1)"><img src="Blatt Lagerware noch umstellen/lektion 14/Bilder/rollover_menue/wissen_up_03.jpg_05.jpg_05.jpg" name="Image19" width="150" height="92" border="0"></a></td>
    <td width="3" rowspan="2"><img src="Blatt Lagerware noch umstellen/lektion 14/Bilder/rahmen_03.gif" width="3" height="112"></td>
  </tr>
  <tr>
    <td><img src="Blatt Lagerware noch umstellen/lektion 14/Bilder/menüpunkte/studio_03.gif" width="150" height="20" onMouseDown="MM_showHideLayers('Layer1','','show')" onMouseOver="MM_showHideLayers('Layer1','','show')"></td>
    <td width="150"><img src="Blatt Lagerware noch umstellen/lektion 14/Bilder/menüpunkte/Leistungen_05.gif" width="150" height="20"></td>
    <td width="150"><img src="Blatt Lagerware noch umstellen/lektion 14/Bilder/menüpunkte/TEAM_07.GIF" width="150" height="20"></td>
    <td width="150"><img src="Blatt Lagerware noch umstellen/lektion 14/Bilder/menüpunkte/galerie_05.gif" width="150" height="20"></td>
    <td><img src="Blatt Lagerware noch umstellen/lektion 14/Bilder/menüpunkte/wissen_05.gif" width="150" height="20"></td>
  </tr>
</table>
<table width="783" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><img src="Blatt Lagerware noch umstellen/lektion 14/Bilder/negativunten_12.gif" width="783" height="39"></td>
  </tr>
</table>
<table width="783" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="2" height="251" align="" bgcolor="#000000">&nbsp;</td>
    <td width="150" align="" bgcolor="#000000"><img src="Blatt Lagerware noch umstellen/lektion 14/Bilder/gewinn_13.jpg" width="150" height="150" border="0"><a href="Blatt Lagerware noch umstellen/lektion 14/gewinnspiel.htm" target="blank" onclick="return FensterOeffnen('gewinnspiel.html');"></a></td>
    <td bgcolor="#000000" align="">&nbsp;</td>
  </tr>
</table>
</body>
</html>
[/code]
 
Mac

Dabei seit: 26.08.2005
Ort: Köln
Alter: 54
Geschlecht: Männlich
Verfasst Mi 21.06.2006 09:15
Titel

Antworten mit Zitat Zum Seitenanfang

als allererstes fällt auf
Code:
img src="Blatt Lagerware noch umstellen/lektion 14/

Was sollen denn Leerzeichen im Pfad - das knallt irgendwann ganz böse.

Hast du dir z.B. schon mal www.css4you.de angesehen?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Benutzer 4545
Account gelöscht Threadersteller


Ort: -

Verfasst Mi 21.06.2006 11:50
Titel

Antworten mit Zitat Zum Seitenanfang

das ist schon geändert, sorry.
kannst du evt. trotzdem mein problem lösen? Menno!
 
Mac

Dabei seit: 26.08.2005
Ort: Köln
Alter: 54
Geschlecht: Männlich
Verfasst Mi 21.06.2006 12:16
Titel

Antworten mit Zitat Zum Seitenanfang

Du meinst den blauen Kasten.

Ich vermute, du probierst das mit dem IE. Da gibt es m.W. ein Prob mit den fixierten Layern.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
monika_g

Dabei seit: 23.01.2006
Ort: Hamburg
Alter: -
Geschlecht: Weiblich
Verfasst Mi 21.06.2006 12:20
Titel

Antworten mit Zitat Zum Seitenanfang

Du solltest mal bekanntgeben, was in dem verlinkten css drinsteht

Außerdem sieht das hier

<div id="Layer1" position:=absolute; style=left:12; top:245; width:150; height:20; z-index:1; visibility: hidden;">

gar nicht gut aus.

Was Du meinst, ist sicher:

<div id="Layer1" style="position:=absolute; left:12px; top:245px; width:150px; height:20px; z-index:1; visibility:hidden;">

Damit wird der Code insgesamt zwar nicht besser, aber dieser eine Teil ist in sich richtig.

Viele Grüße,
Monika
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Benutzer 4545
Account gelöscht Threadersteller


Ort: -

Verfasst Mi 21.06.2006 12:25
Titel

Antworten mit Zitat Zum Seitenanfang

dieses steht im css
Code:

body { }
p { }
td { }
a:link { }
a:visited { }
a:hover { }
a:active { }


#container {

      margin-right: auto;

      margin-left: auto;

      width: 800px;

      height: 400px;

      position: relative;

      background-color: #00CCCC;

}

#container #header {

      background-color: #00FF66;

      position: absolute;

      top: 170px;

      left: 207px;

}


und habs im safari ausprobiert. danke schon mal![/code]
 
monika_g

Dabei seit: 23.01.2006
Ort: Hamburg
Alter: -
Geschlecht: Weiblich
Verfasst Mi 21.06.2006 13:48
Titel

Antworten mit Zitat Zum Seitenanfang

Also: im Firefox macht das div mit der blauen Fläche genau was es soll: es bleibt stehen, wenn man das Browserfenster verändert. Die Position der Tabelle dagegen verändert sich, das ist klar.

Du hast die blaue Fläche auf "Position:absolute" gesetzt und diese Position bezieht sich auf das Fenster - nicht auf die Tabelle.

Was der Windows IE damit macht, habe ich nicht getestet. Kann sein, dass der noch einen Fehler reinbaut.

Da ist übrigens noch ein Feher in meinem Codeschnipsel:

Zitat:

<div id="Layer1" style="position:=absolute; left:12px; top:245px; width:150px; height:20px; z-index:1; visibility:hidden;">


es muss heißen: "position:absolute;"

Viele Grüße,
Monika
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Benutzer 4545
Account gelöscht Threadersteller


Ort: -

Verfasst Mi 21.06.2006 15:21
Titel

Antworten mit Zitat Zum Seitenanfang

ok genau das ist das problem: wie krieg ich es hin, das der layer sich der tabelle anpasst oder umgekehrt?
hilft es da, wenn ich die tabelle auch in div setze? wie zentriert man das das wenn?
 
 
Ähnliche Themen Problem mit Ebenen und Popup-Menue
[Photoshop] Problem mit fixiertern ebenen
Photoshop Gruppen/Ebenen Problem
Photoshop Problem mit Ebenen kopieren.
Problem mit Flash - Hintergrund überdeckt Ebenen
IE Problem: Fading Gallery mit opacity und DIV-Ebenen
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
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.