✔ Menü Positionierung HELP(relative und absolute gemixed)

Status
Nicht offen für weitere Antworten.
R

Rodpacker

Mitglied
Hallo,
ich habe mich seit langem mal wieder an HTML/CSS herangewagt und jetz stecke ich natürlich fest ;(

Ich habe eine Tabelle über position:relative und align:center im Browserfenster zentriert (z-index:1).
Darüber habe ich mit z-index:2 ein Flashmenue gelegt und das über positioning: absolute positioniert. Wie zu erwarten, sieht das mit unterschiedlich grossen Browserfenstern unterschiedlich aus, bzw. der IE6 kann damit garnix anfangen ;(
Und wenn man die BrowserfensterGrösse ändert bleibt die zentrierte Tabelle natürlich zentriert, sprich bewegt sich mit, während das FlashMenü bleibt wo es ist.

Ich dachte, wenn ich das FlashMenü in die Tabelle schmeisse, orientiert sich die absolute Positionierung am Vorfahrenobject, also der Tabelle, solange diese nicht im Default als position:static hat.
Irgendwie mache ich da aber was falsch und gebe nun ungern nach langem Probieren auf und frage um Rat.
Hier mal der simplifizierte Code:

PHP: 
<html>
<head>
<style type="text/css">
#content {position:relative; z-index:1; }
#flashmenue { position:absolute; top:15; left:230; width:241; height:519; z-index: 2; }
-->
</style>
</head>
<body bgcolor="#003333" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div id="content" align="center" >
<table id="Table_01" width="743" height="600" border="0" cellpadding="0" cellspacing="0">
<td>
 <tr>
 <div id="flashmenue">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="241" height="519" id="menue_Animation">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="flash/menue.swf" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="bgcolor" value="#f0f0f0" /><embed src="flash/menue.swf" quality="high" wmode="transparent" bgcolor="#f0f0f0" width="241" height="519" name="menue_Animation" align="left" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</div>
 </tr>
</td>

Gibt es da eine Lösung, dass das Menue im Vergleich zu der Tabelle IMMER an der selben stelle ist/bleibt und zwar in möglichst IE/Safari/FF

Wäre Euch echt sehr dankbar!
Rodpacker
 
Hi,

probier mal Folgendes:

Code: 
#flashmenue { margin-top:15px; margin-left:230px; width:241px; height:519px; }

Code: 
<table id="Table_01" width="743" height="600" border="0" cellpadding="0" cellspacing="0">
<tr>
 <td style="text-align:left;vertical-align:top;">
 <div id="flashmenue">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="241" height="519" id="menue_Animation">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="flash/menue.swf" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="bgcolor" value="#f0f0f0" /><embed src="flash/menue.swf" quality="high" wmode="transparent" bgcolor="#f0f0f0" width="241" height="519" name="menue_Animation" align="left" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</div>
 </td>
</tr>
</table>
Zudem hast du in der Tabelle die Reihenfolge des tr- und td-Elements vertauscht, sowie im Stylesheet die Einheitenangabe (px) für die Positionierung, Breite und Höhe vergessen.
 
woooohoooo!


vielen Dank, immer noch nicht hundertprozentig perfect, weil im IE bei Browserfensterverkleinerung das Menü leider immer noch in den ContentBereich der Tabelle rutscht, aber auf jeden Fall besser
Hast Du zufällig noch ne Idee, das zu beheben?

Bezüglich der anderen Anmerkungen: klingt jetz blöd war aber hier nen Tippfehler in der org-Datei isses natürlich richtig

Vielen Dank auf jeden Fall erstma
cheers
rodpacker
 
Das von dir beschriebene Problem kann ich bei mir (IE6, Win2k Prof. SP4) nicht feststellen bzw. reproduzieren. :confused:
 
Hallo,
kann sein, dass ich es dum ausgedrückt habe, aber auf jeden Fall macht das menü in so ziemlich allen Browsern was ich wollte, ausser im IE (6.0.2 SP2 auf winXP Pro).
Dort verschiebt es sich noch in Bezug auf die Table mit dem Content.

Hab dir mal nen bild angehängt ;)

thanx again
rodpacker
 

Anhänge

  • tutorials.jpg
    tutorials.jpg
    14,8 KB · Aufrufe: 26
Okay, probier es mal mit diesem Markup:

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title></title>

<style type="text/css">
<!--
html,body {
margin: 0;
padding:0;
background: #003333;
}
#Table_01 { position:relative; z-index:1; margin:0 auto; width:743px; height:600px; }
#flashmenue { margin-top:15px; margin-left:230px; width:241px; height:519px; }
-->
</style>

</head>
<body>

<table id="Table_01" border="0" cellpadding="0" cellspacing="0">
<tr>
 <td style="text-align:left;vertical-align:top;">
  <div id="flashmenue">
   <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="241" height="519" id="menue_Animation">
   <param name="allowScriptAccess" value="sameDomain" />
   <param name="movie" value="flash/menue.swf" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="bgcolor" value="#f0f0f0" /><embed src="flash/menue.swf" quality="high" wmode="transparent" bgcolor="#f0f0f0" width="241" height="519" name="menue_Animation" align="left" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
   </object>
  </div>
 </td>
</tr>
</table>

</body>
</html>
 
Hallo und vielen Dank,
und wahrscheinlich mach ich was falsch, aber dass zerschiesst mir die ganze Tabelle ;(
cheers
rodpacker
 
Hi,

hast du den Quellcode auch vollständig übernommen?

Ich habe ihn zuvor in allen mir zur Verfügung stehenden Browsern und via Browserpool im IE6 auf einem WinXP-System erfolgreich getestet.
 
Hallo,
muss mich entschuldigen! Lag wohl am noch nicht getrunkenen Kaffee heute morgen.
nach nem Surf, hab ich es nochmal probiert und funktioniert wunderprächtig!

Thanx soooo much Champ ;)
Rodpacker
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück