[Javascipt]]Seitenhöhe dynamisch anpassen

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • [Javascipt]]Seitenhöhe dynamisch anpassen

    Hi,

    Hab hier ein Problem. Ich will die Höhe einer Tabelle je nach Innerheight anpassen. Das Problem ist das ich weder mit der id oder dem Namen die Tabelle ansprechen kann. Es taucht immer der Fehler no properties auf.

    Hier mal mein JS wie ihr seht hab ich da mehrere Möglichkeiten hingepackt es funktioniert keine:

    Code:
    var seitenhoehe = document.body.offsetHeight;
    var hoehe = seitenhoehe - 84;
    if(hoehe != 0)
    {
    	//document.getElementById("con").style.setAttribute("height", hoehe, false);
    	//document.getElementById("con").style.height = hoehe;
    	document.getElementsByName("test").style.height = hoehe;
    	//document.all.con.style.height = hoehe;
    	//document.getElementById("con").style["height"] = hoehe;
    }
    Hier meine Tabelle:
    PHP-Code:

    <table class="content" id="con" name="test">
        <
    tr>
            <
    td>blabalabalabala</td>
        </
    tr>
    </
    table
    Ich hoff jemand kann mir da helfen
    Lurchi ! Lurchi ! Lurchi !

  • #2
    PHP-Code:
    <table id="con" bgcolor="#333">
        <
    tr>
            <
    td>blabalabalabala</td>
        </
    tr>
    </
    table>
    <
    script type="text/javascript">
    var 
    seitenhoehe screen.height;
    var 
    hoehe seitenhoehe 84;
    document.getElementById("con").style.height hoehe;
    </
    script
    das skript muss nach der tabelle aufgerufen werden sonst ist die tabelle beim aufruf ja noch garnicht da!
    Signatur-Text ...

    Kommentar


    • #3
      oh *schäm* ....danke
      Lurchi ! Lurchi ! Lurchi !

      Kommentar


      • #4
        iss mir auch schon passiert ...
        Signatur-Text ...

        Kommentar


        • #5
          Was soll das denn für ein Scheiß sein? Welchen Sinn macht es, meine Auflösung der dynamischen Seitenhöhe zugrunde zu legen?
          [FONT="Helvetica"]twitter.com/unset[/FONT]

          Shitstorm Podcast – Wöchentliches Auskotzen

          Kommentar


          • #6
            macht wohl nur sinnfreien sinn, wenn man tabellen noch zu layout-zwecken vergewaltigt....
            **********
            arkos
            **********

            Kommentar


            • #7
              Original geschrieben von arkos
              macht wohl nur sinnfreien sinn, wenn man tabellen noch zu layout-zwecken vergewaltigt....
              Deine Seite da ist in der Beziehung auch nicht grade besser ...
              [FONT="Helvetica"]twitter.com/unset[/FONT]

              Shitstorm Podcast – Wöchentliches Auskotzen

              Kommentar


              • #8
                Original geschrieben von arkos
                macht wohl nur sinnfreien sinn, wenn man tabellen noch zu layout-zwecken vergewaltigt....
                Hab eigentlich auch nur Divs so is es nicht, aber diesmal wars eben nötig hab vieles probiert und bin verzweifelt . Deswegen hab ich eben ne Tabelle hinzugefügt.
                Lurchi ! Lurchi ! Lurchi !

                Kommentar


                • #9
                  Original geschrieben von unset
                  Deine Seite da ist in der Beziehung auch nicht grade besser ...
                  OffTopic:

                  muss ich dir recht geben... hat auch schon ein paar tage aufm buckel...
                  aber so isses, wenn man zeitlich nicht zum relaunchen kommt.

                  die seite ist derzeit auch minder-wichtig (keine notwendigkeit mit der seite was zu beweisen)... glaub mir einfach, dass meine "aktuellen" projekte "besser" aussehen frei von unzucht mit tabellen...




                  edit:
                  Original geschrieben von Anbu
                  Hab eigentlich auch nur Divs so is es nicht, aber diesmal wars eben nötig hab vieles probiert und bin verzweifelt
                  hast du die ansätze, an denen du verzweifelt bist gepostet?
                  **********
                  arkos
                  **********

                  Kommentar


                  • #10
                    Ne hab ich nich aber wenn dus unbedingt wissen willst

                    Also Ich habe insgesanmt 6 Divs.

                    Eine Navi Div Links.(#Navi)
                    Zwei Navi Divs oben.(#Navioben, #Naviobensub)
                    Ein Inhaltsdiv rechts.(#Main)
                    Ein Footer Div im Inhaltsdiv unten dran.(#FooterDiv)
                    Und ein Main Div um alles drum rum. (#seite)
                    Workaroundtable(.Content)

                    Mein Problem war oder ist, dass wenn im Inhaltsdiv so wenig Inhalt ist, dass es nicht mal so lang wie die Navi-Links ist, dann wird das Hintergrundbild des Bodys unten drunter angezeigt. Ich wollts jetzt mit meinem Workaround der Tabelle so machen, dass wenn zu wenig Inhalt im Inhaltsdiv ist die Tabelle die lücke füllt mit der richtigen Hintergrundfarbe.

                    Eins noch diese Tabelle hab ich schon vor dem Workaround gehabt damit das Inhaltsdiv wenn es größer(height) wird als 100% die richtige Hintergrund farbe beibehält.

                    Wenn meine Erklärung zu wirr war kann ich euch ja mal meine Css und den HTML-Teil zeigen.
                    PS: Die Workaround Tabelle ist immer auf jeder Seite die included wird und umfasst sie völlig.

                    CSS
                    Code:
                    div#seite {
                    	width: 100%;
                    }
                    div#navi {
                    	float: left;
                    	position: absolute; 	
                        top: 0px;
                    	left: 0px;
                    	width: 146px;
                    	margin: 0px;
                    	padding: 0px;
                    	background-color: transparent;
                    	margin: 0px;	
                    }
                    div#navioben {
                    	float: right;
                    	position: absolute;
                      	top: 0px;
                    	left: 145px;
                    	height: 60px;
                    	width: auto;
                    	background-color: #000000;
                    	margin: 0px;
                    }
                    div#naviobensub {
                    	float: right;
                    	position: absolute;
                      	top: 60px;
                    	left: 146px;
                    	height: 24px;
                    	width: auto;
                    	margin: 0px;
                    }
                    div#main {
                    	float: right;
                    	position: absolute;
                    	top: 84px;
                    	left: 146px;
                    	width: auto;
                    	height: auto;
                    	padding: 0px;
                    	margin: 0px;
                    	text-align: center;
                    	background-color:#FFCE00;
                    }
                    div#footerdiv{
                    	position: relative;
                    	bottom: 0px;
                    	text-align: center;
                    	background-color:#FFCE00;
                    	margin: 0px;
                    }
                    table.content {
                    	background-color:#FFCE00;
                    	width: 100%;
                    }
                    PHP-Code:

                    <div id="seite">
                        <div id="navi">
                            <?php
                                
                    include("navilinks.php");
                            
                    ?>
                        </div>
                        <div id="navioben">
                            <?php
                                
                    include('navioben.html');
                            
                    ?>
                        </div>
                        <div id="naviobensub">
                            <?php
                                
                    include('naviobensub.html');
                            
                    ?>
                        </div>
                        <div id="main">
                            <?php
                                
                    include($seite);
                            
                    ?>
                            <div id="footerdiv">
                                <?php
                                    
                    include('footer.php');
                                
                    ?>
                            </div>
                        </div>
                    </div>
                    Zuletzt geändert von Anbu; 09.11.2007, 14:47.
                    Lurchi ! Lurchi ! Lurchi !

                    Kommentar


                    • #11
                      @Anbu:

                      auch wenn du es wahrscheinlich mit ids hingekriegt hast:

                      das hier wird nicht funktionieren:
                      document.getElementsByName("test").style.height = hoehe;

                      man beachte die mehrzahl im methodennamen....
                      Die Milch bleibt ranzig!

                      Kommentar


                      • #12
                        Das wird auch nicht mit Ids funktionieren, weil hintendran noch die Einheit ("px") fehlt.
                        ich glaube

                        Kommentar


                        • #13
                          Original geschrieben von Anbu
                          Wenn meine Erklärung zu wirr war ....
                          in meinem jetztigen zustand schon

                          aber irgendwie habe ich das gefühl, dass du mit faux columns und display block alles mit divs hättest lösen können...

                          vielleicht schau ich es mir montag mal an kannst mich ja noch ma anstupsen...

                          und jetzt bald erstma ins wochenende
                          **********
                          arkos
                          **********

                          Kommentar


                          • #14
                            Danke hab das Div wirrwar aber schon entwirt

                            Schönes Wochenende
                            Lurchi ! Lurchi ! Lurchi !

                            Kommentar

                            Lädt...
                            X