1. Liebe Forumsgemeinde,

    aufgrund der Bestimmungen, die sich aus der DSGVO ergeben, müssten umfangreiche Anpassungen am Forum vorgenommen werden, die sich für uns nicht wirtschaftlich abbilden lassen. Daher haben wir uns entschlossen, das Forum in seiner aktuellen Form zu archivieren und online bereit zu stellen, jedoch keine Neuanmeldungen oder neuen Kommentare mehr zuzulassen. So ist sichergestellt, dass das gesammelte Wissen nicht verloren geht, und wir die Seite dennoch DSGVO-konform zur Verfügung stellen können.
    Dies wird in den nächsten Tagen umgesetzt.

    Ich danke allen, die sich in den letzten Jahren für Hilfesuchende und auch für das Forum selbst engagiert haben. Ich bin weiterhin für euch erreichbar unter tti(bei)pcwelt.de.
    Dismiss Notice

div -css- höhe problem

Discussion in 'Web-Know-how für die Homepage' started by binauchhier, Dec 11, 2006.

Thread Status:
Not open for further replies.
  1. binauchhier

    binauchhier Kbyte

    Kann mir bitte jemand helfen?
    http://cstarke******/oehg
    Ich möchte erreichen, dass die Leiste mit der Navigation links die komplette Höhe des übergeordneten div erreicht (hat einen roten Rahmen).

    Wie geht das?
    Danke
    binauchhier
     
    binauchhier, Dec 11, 2006
    #1
  2. binauchhier

    binauchhier Kbyte

    Bitte - hat denn keiner einen Tipp für mich.
    Nochmal etwas genauer erklärt: ich möchte, dass die Navigation mit dem grünen Rahmen nach unten bis an das div mit dem roten Rahmen reicht.
    Seite ist mit div's und css gestaltet.

    prinzipieller Aufbau: (nur der Body)
    HTML:
    <div style="border:1px solid red; height: 100%;overflow:visible;width:100%">
<!-- roter Rahmen -->
  <div id="kopf">Bild+Hochschulgem.</div>
  <div id="navigation"><!-- grüner Rahmen-->
    <ul>
      <li><a href="#">Navigationspunkte</a></li>
  </ul>
  </div>
  <div id="inhalt">
    <p>Lorem ipsum</p>
  </div>
</div>
    Hier Auszüge aus dem css:
    Code:
    body {
	padding: 0px;
	margin: 0px;
	border: 0px;
}

#kopf {
	color: #309;
	z-index: 2;
	position: relative;
	top:0px;
	left: 0px;
	height: 140px;
	width: 100%;
	vertical-align: middle;
}
#navigation {
	z-index: 1;
	width: 160px;
	height: 100%;
	position: relative;
	top: 0;
	left: 0;
	float: left;
	border:1px solid green; }
	
/* Inhalt */

#inhalt {
	z-index: 3;
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	overflow: auto;
}
    Danke!
     
    binauchhier, Dec 15, 2006
    #2
  3. kalweit

    kalweit Hüter der Glaskugel

    Es gibt kein "height:100%" in Bezug auf den <body>. Q&D den <body> selbst auf 100% setzen (hab aber nicht im Kopf, in welchem Browser das funktioniert + u.U. unschöne Effekte mit den Scrolleisten). Wenn die Höhe in #navigation von der in #inhalt abhängig sein soll, musst du beide in ein übergeordnetes <div> sperren. Damit würde sich height:100% in #navigation auf das durch #inhalt erweiterte übergeordnete <div> beziehen.
     
    kalweit, Dec 15, 2006
    #3
  4. binauchhier

    binauchhier Kbyte

    Die beiden sind doch in einem übergeordneten div zusammen mit dem "kopf". Oder habe ich etwas falsch ausgezeichnet (das div in der allerersten Zeile mit dem style-Attribut).

    Trotzdem wirken sich die 100% nicht wie gewollt aus?

    Hast du (oder jemand anderes) noch einen Tipp für mich?

    Danke!
     
    binauchhier, Dec 16, 2006
    #4
Thread Status:
Not open for further replies.

Share This Page