Willkommen auf dem Portal für Mediengestalter
|
|
Autor |
Nachricht |
Benutzer 4545
Account gelöscht Threadersteller
Ort: -
|
Verfasst Mi 21.06.2006 08:15
Titel ebenen-problem |
|
|
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"> </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=""> </td>
</tr>
</table>
</body>
</html>
| [/code]
|
|
|
|
|
Mac
Dabei seit: 26.08.2005
Ort: Köln
Alter: 62
Geschlecht:
|
Verfasst Mi 21.06.2006 10:15
Titel
|
|
|
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?
|
|
|
|
|
Anzeige
|
|
|
Benutzer 4545
Account gelöscht Threadersteller
Ort: -
|
Verfasst Mi 21.06.2006 12:50
Titel
|
|
|
das ist schon geändert, sorry.
kannst du evt. trotzdem mein problem lösen?
|
|
|
|
|
Mac
Dabei seit: 26.08.2005
Ort: Köln
Alter: 62
Geschlecht:
|
Verfasst Mi 21.06.2006 13:16
Titel
|
|
|
Du meinst den blauen Kasten.
Ich vermute, du probierst das mit dem IE. Da gibt es m.W. ein Prob mit den fixierten Layern.
|
|
|
|
|
monika_g
Dabei seit: 23.01.2006
Ort: Hamburg
Alter: -
Geschlecht:
|
Verfasst Mi 21.06.2006 13:20
Titel
|
|
|
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
|
|
|
|
|
Benutzer 4545
Account gelöscht Threadersteller
Ort: -
|
Verfasst Mi 21.06.2006 13:25
Titel
|
|
|
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:
|
Verfasst Mi 21.06.2006 14:48
Titel
|
|
|
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
|
|
|
|
|
Benutzer 4545
Account gelöscht Threadersteller
Ort: -
|
Verfasst Mi 21.06.2006 16:21
Titel
|
|
|
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
Problem mit DIV-Ebenen per JS ein/ausblenden### Lösung=PHP??
Photoshop Gruppen/Ebenen Problem
[Photoshop] Problem mit fixiertern ebenen
Problem mit Ebenen erstellen in Dreamweaver CS3 _ Mac OSX
Photoshop Problem mit Ebenen kopieren.
|
|
|
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.
|
|