tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
8
ZUGRIFFE
637
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
DIESES THEMA IST
GESCHLOSSEN
  1. 02.03.07 14:36 #1
    Rodpacker Rodpacker ist offline Mitglied Silber
    Registriert seit
    Feb 2002
    Ort
    Sydney
    Beiträge
    78
    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-Code:
    <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
     
    Gimme da power 2 (1)change what I have 2 (2) except what I can't change and the skill 2 realize the differenz
  2. 02.03.07 14:57 #2
    Maik Tutorials.de Gastzugang
    Hi,

    probier mal Folgendes:

    Code :
    1

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

    Code :
    1
2
3
4
5
6
7
8
9
10
11
12

    <table id="Table_01" width="743" height="600" border="0" cellpadding="0" cellspacing="0">
<tr>
 <td [b]style="text-align:left;vertical-align:top;"[/b]>
 <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.
     
  3. 02.03.07 15:14 #3
    Rodpacker Rodpacker ist offline Mitglied Silber
    Registriert seit
    Feb 2002
    Ort
    Sydney
    Beiträge
    78
    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
     
    Gimme da power 2 (1)change what I have 2 (2) except what I can't change and the skill 2 realize the differenz
  4. 02.03.07 15:23 #4
    Maik Tutorials.de Gastzugang
    Das von dir beschriebene Problem kann ich bei mir (IE6, Win2k Prof. SP4) nicht feststellen bzw. reproduzieren.
     
  5. 02.03.07 15:49 #5
    Rodpacker Rodpacker ist offline Mitglied Silber
    Registriert seit
    Feb 2002
    Ort
    Sydney
    Beiträge
    78
    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
    Miniaturansicht angehängter Grafiken Miniaturansicht angehängter Grafiken Menü Positionierung HELP(relative und absolute gemixed)-tutorials.jpg  
     
    Gimme da power 2 (1)change what I have 2 (2) except what I can't change and the skill 2 realize the differenz
  6. 02.03.07 16:14 #6
    Maik Tutorials.de Gastzugang
    Okay, probier es mal mit diesem Markup:

    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37

    <!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>
     
  7. 03.03.07 01:36 #7
    Rodpacker Rodpacker ist offline Mitglied Silber
    Registriert seit
    Feb 2002
    Ort
    Sydney
    Beiträge
    78
    Hallo und vielen Dank,
    und wahrscheinlich mach ich was falsch, aber dass zerschiesst mir die ganze Tabelle ;(
    cheers
    rodpacker
     
    Gimme da power 2 (1)change what I have 2 (2) except what I can't change and the skill 2 realize the differenz
  8. 03.03.07 06:21 #8
    Maik Tutorials.de Gastzugang
    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.
     
  9. 03.03.07 10:36 #9
    Rodpacker Rodpacker ist offline Mitglied Silber
    Registriert seit
    Feb 2002
    Ort
    Sydney
    Beiträge
    78
    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
     
    Gimme da power 2 (1)change what I have 2 (2) except what I can't change and the skill 2 realize the differenz
« Angaben in % oder besser in px? | Tabellen.. Innenabstand verschieden definieren »

Ähnliche Themen

  1. relative/absolute Pfade + dompdf
    Von Loveboat im Forum PHP
    Antworten: 2
    Letzter Beitrag: 28.11.10, 19:37
  2. Divs - absolute, relative und so weiter
    Von Fantasmo im Forum CSS
    Antworten: 7
    Letzter Beitrag: 14.03.09, 09:39
  3. Vergleich relative & absolute Positionierung
    Von sniffler im Forum CSS
    Antworten: 1
    Letzter Beitrag: 04.09.07, 13:23
  4. Absolute+relative werte = 100%height?
    Von Industrial im Forum CSS
    Antworten: 3
    Letzter Beitrag: 20.04.06, 12:23
  5. absolute und nicht relative Skalierung?
    Von Phr34k im Forum Flash Plattform
    Antworten: 7
    Letzter Beitrag: 14.07.05, 21:50