[Javascipt]]Seitenhöhe dynamisch anpassen

[Anbu]

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:

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:

<table class="content" id="con" name="test">
    <tr>
        <td>blabalabalabala</td>
    </tr>
</table> 

Ich hoff jemand kann mir da helfen

[dani_o]

<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!

[Anbu]

oh *schäm* ....danke

[dani_o]

iss mir auch schon passiert ...

[unset]

Was soll das denn für ein Scheiß sein? Welchen Sinn macht es, meine Auflösung der dynamischen Seitenhöhe zugrunde zu legen?

[arkos]

macht wohl nur sinnfreien sinn, wenn man tabellen noch zu layout-zwecken vergewaltigt....

[unset]

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 ...

[Anbu]

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.

[arkos]

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?

[Anbu]

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

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%;
}

<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>

[RanzigeMilch]

@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....

[ministry]

Das wird auch nicht mit Ids funktionieren, weil hintendran noch die Einheit ("px") fehlt.

[arkos]

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

[Anbu]

Danke hab das Div wirrwar aber schon entwirt

Schönes Wochenende