JavaScript - height problem

Hi Leute
ich hab mich mal wieder an eine Homepage gesetzt, weil die Lösung, die ich da hatte, nicht wirklich die beste war und joar ...

habe irgendwo einen denkfehler o.O

HTML:

php:

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:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:
128:
129:
130:
131:
132:
133:
134:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
    function Fensterhoehe () 
    {
          if (window.innerHeight) 
        {
            return window.innerHeight;
          } 
        else if (document.body && document.body.offsetHeight) 
        {
               return document.body.offsetHeight;
         }

    }
    Hoehe = Fensterhoehe();
</script>
<link rel="stylesheet" media="screen" type="text/css" title="Style" href="css/style.css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Home</title>
</head>


<body>
<script type="text/javascript" language="JavaScript">
    <!--
        if(Hoehe> 2000)
        {
            document.getElementById('content').style.height = Hoehe + 'px';
        }
        else
        {
            document.getElementById('content').style.height ='2000px'
        }
    //-->
</script>
<div id="content">
    <div id="cont">
    <div id="header">
        <div id="banner">
            <div id="linkin">
                <a class="impressum" href="impressum.html">Impressum</a> | 
                <a class="impressum"  href="kontakt.html">Kontakt</a>
            </div>
        </div>
        <div id="platzfueller">
        </div>
        <div id="logo">
        </div>
    </div>

        <div id="text">



            <p>&nbsp;</p>
            <p align="center" class="Überschrift">    <strong>Herzlich Willkommen</strong></p>    
            <p align="center">&nbsp;</p>
            <p align="left" class="Text">Du willst einen Führerschein jetzt oder in der nächsten Zeit machen? Dann bist du hier genau Richtig!</p>
            <p align="left" class="Text">&nbsp;</p>
            <p align="left" class="Text">Was wird dir bei uns geboten?</p>
            <p align="left" class="Text">- Professionelle Ausbildung in den Klassen M, A1 , A, B und BE</p>
            <div id="portrait"></p><img src="bilder/portrait.jpg" width="265" height="303" alt="portrait" /></p> </div>
            <p align="left" class="Text">- 2x Die Woche Theorieunterricht (Di. und Do. zwischen 19:00 und 20:30)
            <p align="left" class="Text">- Termine für Sonderunterricht nach Absprache

            <p align="left" class="Text">- Ein Ansprechpartner!
            <p align="left" class="Text">
            <p align="left" class="Text">&nbsp;</p>
            <p align="left" class="Text">Wir besitzen 5 Schullungsfahrzeuge und einen Anhänger.</p>
            <p align="left" class="Text">Für die Klasse B und BE wird der Tiguan verwendet</p>
            <p align="left" class="Text">Für die Klasse M ein Peugeot Speedfight 2</p>
            <p align="left" class="Text">Für die Klasse A1 eine Kawasaki KMX 125</p>
            <p align="left" class="Text">Für die Klasse A Beschränkt eine Suzuki GS 500 E</p>
            <p align="left" class="Text">Für die Klasse A Direkt eine Suzuki GSR 600 (mit ABS)</p>
            <p align="left" class="Text">Für BE wird zusätzlich ein Kofferanhänger benutzt.</p>

            <p align="left" class="Text">Wenn ihr interesse Habt, kommt doch einfach mal vorbei.</p>
            <p align="left" class="Text">&nbsp;</p>
            <p align="left" class="Text">&nbsp;</p>
            <p align="left" class="Text">&nbsp;</p>
            <p align="left" class="Text">&nbsp;</p>
            <p align="left" class="Text">TEST TEST</p>
            <p align="left" class="Text">TEST TEST</p>
            <p><span class="Text">TEST TEST</span>
            <span class="Text">TEST TEST</span>
            <span class="Text">TEST TEST</span>
            <span class="Text">TEST TEST</span>
            <span class="Text">TEST TEST</span></p>
            <p><span class="Text">TEST TEST</span><span class="Text">TEST TEST</span></p>
            <p><span class="Text">TEST TEST</span><span class="Text">TEST TEST</span></p>
            <p><span class="Text">TEST TEST</span></p>
            <p><span class="Text">TEST TEST</span><span class="Text">TEST TEST</span></p>
            <p><span class="Text">TEST TEST</span><span class="Text">TEST TEST</span>v</p>
            <p><span class="Text">TEST TEST</span><span class="Text">TEST TEST</span><span class="Text">TEST TEST</span></p>
            <p><span class="Text">TEST TEST</span><span class="Text">TEST TEST</span></p>
            <p><span class="Text">TEST TEST</span><span class="Text">TEST TEST</span></p>
            <p><span class="Text">TEST TEST</span></p>
            <p><span class="Text">TEST TEST</span></p>
              <p><span class="Text">TEST TEST</span></p>
             <p>v</p>
              <p><span class="Text">TEST TEST</span></p>
              <p><span class="Text">TEST TEST</span></p>
 

        </div>
        <div id="nav">
            <p>.</p>
            <p></p>
            <p></p>
            <p></p>
                <ul id="navi">
                <li id="home">
                    <a href="index.html" title="home">&lt;</a>
                </li>
                <li id="klassen">
                    <a href="klassen.html" title="klassen">&lt;</a>
                </li>
                <li id="ab17">
                    <a href="ab17.html" title="AB17">&lt;</a>
                </li>
                <li id="profil">
                    <a href="profil.html" title="profil">&lt;</a>
                </li>
                <li id="kontakt">
                    <a href="kontakt.html" title="Kontakt">&lt;</a></li>
            </ul>
        </div>
    </div>
</div>
</body>

</html>

CSS:

php:

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:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:

@import url('css-reset.css');
@import url('typography.css');
@import url('navigation.css');

body {
    background-color: #d4d4d4;
    margin: 0;
    padding: 0;
    /* [disabled]height: 100%; */
    } 
#content{
    width:1000px;
    position: relavive;
    margin-left: auto;
    margin-right: auto;
    height: 500px;
    }

div#header {
     background-color: #404040;
     height: 230px;
     width: 1000px;
    }



div#banner{
    background: url(img/banner.png);
    height: 230px;
    width: 1000px;
    float: right;
    }

div#platzfueller{
    height: 50px;
    width: 260px;
    margin-left: 30px;
}
    
div#logo{
    background: url(img/logo.png) no-repeat;
    height: 150px;
    width: 260px;
    margin-left: 70px;
    position: relative;
    } 
div#linkin
{
    text-align: right;
    height: 50px;
    width: 300px;
    color: white;
    float: right;
    margin-right: 10px;
}
div#nav{
    position: inherit;
    width: 165px;
    height: 100%;
    background-color: #ff5a00;
    text-indent: -9000px;
    }
    
div#text{
    width: 820px;
    float: right;
    }
    
div#portrait
{
    float: right;
    margin-right: 200px;
}
div#cont{
    width:1000px;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    }

Ein bestimmtes div soll halt eine bestimmte höhe haben von 2000px. Wenn jedoch jemand mit einer auflösung von über 2000px auf die Homepage kommt, so soll automatisch die höhe bei der des Broserfensters liegen.
Eigentlich sollte es so klappen, wie ich es gemacht habe, oder?

(Bitte nur Tipps und nicht sowas wie: das ist vollkommen quatsch das brauch man nicht so machen. Ich will einfach nur wissen, wo mein fehler liegt)

Danke schonmal
Mit freundlichen Grüßen
firefighter

E:
Keiner eine idee?

E:von bpr:
Titel geaendert, da er nicht aussagekraeftig war.

This post has been edited 2 time(s), it was last edited by firefighter: 02.12.2010 12:49.

GFX-Sector - HTML, CSS

HTML, CSS

JavaScript - height problem

JavaScript - height problem

Have you enjoyed this topic?