Height soll maximale höhe haben
droom
- css
Ich habe eine Seite mit einigen Divs.
<div id="eins">
<div id="zwei">Texteeeeeeeeeeeeeeeeeeeeeeeeeeeeee<br>
eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee
</div>
<div id="drei">Texte </div>
</div>
Das Div mit id=eins hat height:100%. Nun soll das Div mit id=drei den rest haben was noch übrig ist, nachdem man die höhe von id=zwei herausgenommen hat: height= height_von_idzwei - 100%.
Wie kann ich das berechnen?
hi,
Das Div mit id=eins hat height:100%. Nun soll das Div mit id=drei den rest haben was noch übrig ist, nachdem man die höhe von id=zwei herausgenommen hat: height= height_von_idzwei - 100%.
Wie kann ich das berechnen?
Mit Javascript.
gruß,
wahsaga
Mit Javascript.
gruß,
wahsaga
Danke für den Hinweis. Ich kenne mich da auch nicht so aus mit JS. Weisst jd vielleicht welche Methode bzw Funktion ich da nutzen muss?
Ich habe es so in dem Head-Bereich meines HTML Dokument:
<script type="text/javascript">
var jheight =screen.height;
document.write("
<style type="text/css">
#main {height:"+jheight+"px}
</style>");
</script>
Aber es wird einfach ausgegeben und nichts interpretiert. jheight bekommt kein Wert.
Ich habe auch probiert, was auf dieser Seite steht:
http://de.selfhtml.org/javascript/objekte/style.htm
<script type="text/javascript">
document.getElementById("main").style.height = "1000px";
document.getElementById("main").style[height] = "1000px";
document.all.main.style.height= "1000px";
document.getElementsByTagName("main").style.height= "1000px";
document.all.main.style.setAttribute("height", "1000px", false);
</script>
Aber komischererweise gehts nicht und sogar auf der selfhtml-seite funktionnieren die Beispiele nicht.
<script type="text/javascript">
document.getElementById("main").style.height = "1000px";
Hast du mal getestet ob das Element überhaupt existiert?
Aber komischererweise gehts nicht und sogar auf der selfhtml-seite funktionnieren die Beispiele nicht.
Dann ist bei dir JS abgeschaltet.
Struppi.
Moin
document.getElementsByTagName("main").style.height= "1000px";
es gibt auch keinen Tag-Namen "main"
Gruß
rfb