 Willkommen auf dem Portal für Mediengestalter
|
|
|
| Autor |
Nachricht |
Flowi81
Dabei seit: 23.01.2003
Ort: Hildesheim
Alter: 26
Geschlecht: 
|
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: 46
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?
|
|
| |
  |
|
Flowi81
Dabei seit: 23.01.2003
Ort: Hildesheim
Alter: 26
Geschlecht:
|
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: 46
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
|
|
| |
|
|
Flowi81
Dabei seit: 23.01.2003
Ort: Hildesheim
Alter: 26
Geschlecht:
|
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
|
|
| |
|
|
Flowi81
Dabei seit: 23.01.2003
Ort: Hildesheim
Alter: 26
Geschlecht:
|
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
[Photoshop] Problem mit fixiertern ebenen
Problem mit Flash - Hintergrund überdeckt Ebenen
Problem mit DIV-Ebenen per JS ein/ausblenden### Lösung=PHP??
Bildwechsel mit Ebenen ??
Probleme mit Ebenen
|
|
|
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.
|
|
