zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > Knowledge Base
Seite neu laden Resthöhe

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 06.06.2005, 15:55
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 12.04.2005
Beiträge: 18
Jackels befindet sich auf einem aufstrebenden Ast
Standard Resthöhe

Hi.
Ich sitze nun schon eine ganze Zeit an einem div-Problem.
Folgendes soll realisiert werden:
___________________
| Kopf mit 100% Breite|
-----------------------------
| Navi | Inhalt Inhalt |
| Navi | Inhalt Inhalt |
| Navi | Inhalt Inhalt |
| Navi | Inhalt Inhalt |
----------------------------
Jetzt geht es darum, dass der Kopf eine feste Höhe (z.B. 60px) haben soll und Navi und Inhalt die Resthöhe des Browserfensters einnehmen sollen.
Height:auto greift ja nicht, da die divs Navi und Inhalt dann zu kurz sind.
Ich such jetzt eine bessere Lösung, als so lange zu probieren bis ich die Resthöhe in % raus hab.
Wer kann helfen?
Danke schon mal im Voraus.
__________________
Ich habe keine Ahnung, aber davon \'ne Menge
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 06.06.2005, 15:58
Benutzer
neuer user
 
Registriert seit: 02.06.2005
Beiträge: 42
hannes-n befindet sich auf einem aufstrebenden Ast
Standard

so weit ich weiß, geht das mit css nicht!

kannst evtl den navi/content bereich 100% hoch machen, und den header per position:absolute drüber legen ..

//edit
die resthöhe ist doch nie gleich, auch nicht in %. oder wie oder was?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 06.06.2005, 17:11
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 26.06.2004
Beiträge: 172
beeviz befindet sich auf einem aufstrebenden Ast
Standard

probier mal mit negativem margin rum.
also du gibst dem body n margin-top: 60px; und dem header dann margin-top: -60px;
Mit Zitat antworten
  #4 (permalink)  
Alt 06.06.2005, 17:21
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.01.2005
Ort: Berlin
Beiträge: 2.149
mazzo wird schon bald berühmt werden
Standard

oder nutz die Forumsuche... Das Thema ist wirklich häufig dran.
Mit Zitat antworten
  #5 (permalink)  
Alt 06.06.2005, 17:25
Benutzer
neuer user
 
Registriert seit: 02.06.2005
Beiträge: 42
hannes-n befindet sich auf einem aufstrebenden Ast
Standard

sowas geht? ich bin doch immer wieder positiv überrascht was für möglichkeiten css eröffnet um dinge zu machen, die man so eigentlich nicht machen sollte
Mit Zitat antworten
  #6 (permalink)  
Alt 06.06.2005, 17:34
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.01.2005
Ort: Berlin
Beiträge: 2.149
mazzo wird schon bald berühmt werden
Standard

Zitat:
Zitat von hannes-n
sowas geht? ich bin doch immer wieder positiv überrascht was für möglichkeiten css eröffnet um dinge zu machen, die man so eigentlich nicht machen sollte
ich glaube, die Suche ist eher ein in PHP programmierter Algorithmus angewendet auf der Forums-Datenbank, kein CSS
Mit Zitat antworten
  #7 (permalink)  
Alt 06.06.2005, 18:40
Benutzer
neuer user
 
Registriert seit: 02.06.2005
Beiträge: 42
hannes-n befindet sich auf einem aufstrebenden Ast
Standard

ich hab nicht damit gerechnet, dass mir jmd "dazwischen" pfuscht :P
Mit Zitat antworten
  #8 (permalink)  
Alt 07.06.2005, 02:52
Benutzerbild von toscho
Perplexifikator
XHTMLforum-Kenner
 
Registriert seit: 22.05.2004
Ort: Halle/Saale
Beiträge: 1.565
toscho sorgt für eine eindrucksvolle Atmosphäretoscho sorgt für eine eindrucksvolle Atmosphäre
Standard

Ich habe mal eine kleine Anleitung zu diesem Thema geschrieben, die du dir leicht anpassen kannst: (toten Link entfernt).
Statt des Rahmens, den ich verwendet habe, setzt du einfach deine Kopfzeile.
__________________
toscho.de

Geändert von toscho (24.01.2009 um 01:18 Uhr) Grund: toten Link entfernt
Mit Zitat antworten
  #9 (permalink)  
Alt 07.06.2005, 11:16
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 12.04.2005
Beiträge: 18
Jackels befindet sich auf einem aufstrebenden Ast
Standard

Das mit deinem Rahmen funktioniert ganz gut. Das einzige Manko ist jetzt, dass ich ja keine Beschriftung im Kopf mehr anbringen kann, oder?
__________________
Ich habe keine Ahnung, aber davon \'ne Menge
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 07.06.2005, 17:15
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 02.06.2003
Beiträge: 2.441
ulle befindet sich auf einem aufstrebenden Ast
Standard

100% + Rest || Angelehnt an der Lösung von Toscho !!

Hier eine XHTML 1.0 Lösung, bin mir nicht sicher ob es in allen Browsern funktioniert. Verbesserung erwünscht !!

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<title>xxxx</title>
 
<style type="text/css" media="screen,projection" title="Druckvorschau => Markup-Semantic">
/*<![CDATA[*/ 

*			{
			margin:  0;
			padding: 0;
			
			/* Tabellen
			 */
			border-collapse:collapse;
			border-spacing: 0;
			}


html[xmlns]	{
			/* permanent Scrollbalken Gecko
			 * => overflow: -moz-scrollbars-vertical;
			 *
			 * html[xmlns]			:: CSS2.1				 
			 * html[xmlns^="http"] 	:: CSS3
			 *
			 * Viewport komplette Hoehe (100%);
			 * Rundung ab 3. Nachkomma nur Gecko (?)
			 * padding-bottom : 0.005em;
			 */
             height : 100%;
             padding-bottom : 0.005em;
			}

		
html,
body		{
			color:		#000000;
			background:	#FFDD22;
			
			/* line-height ohne Einheit - sonst Vererbung
			 */
			line-height: 1.45;
			}

body		{			
			/* Nur hier, sonst gibt es
			 * eventuell Vererbungsprobleme.
			 */
			font-size:   100.01%;
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			
			min-width: 45em;
			}




/* obiges CSS ulle-Prolog;
* 100% + "Rest" feste Hoehe
*/
		
html,
body		{
			height: 100%;
			}


body		{
			/* position: absolute;
			 * verhindert scrollbar im IE
			 */
			position: absolute;
			top: -40px;
			
			margin: 19px;
			border: 1px solid #000000;
		
			background-color: #FFFFFF;
			}
			
html>body	{
			/* alle außer =< IE6
			 */
			position: relative;
			
			height: auto;
			min-height: 100%;			
			}

div#fix		{
			position: relative;
			height: 10em;
			
			/* wegen [ BODY ]
			 * margin-top(19px) + border-top(1px) = 20px
			 */ 
			margin-top: 20px;
			border-bottom: 1px solid #000000;			
			}
			
div#fix div	{
			/* somit ist es moeglich
			 * die border des BODY zu verdecken;
			 */
			position: absolute;
			
			height: 100%;
			width: 100%;
			
			left: -1px;

			background-color: #FFBB00;
			padding: 0 1px 0 1px;
			}

			
/*]]>*/ 
</style> 

</head> 
<body> 

<div id="fix"><div>Dieser Bereich ist immer 10em hoch</div></div>




	Dieser Bereich ist immer 100% hoch minus unterer/oberer Rahmen
	und unterer Außenabstand und  minus 10em von oben
</p>

<div style="height: 30em; background-color: #0099FF;">Test-Inhalt | verstellbare Höhe</div>

</body> 
</html>
<edit>
Tipp-Fehler im CODE / HTML-Tag
__________________
</ulle>
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Box soll die Resthöhe immer ausfüllen - Wie geht das? frimipiso CSS 3 05.03.2012 01:23
Div Höhe an Bildschirm Resthöhe anpassen amiroo CSS 3 10.03.2010 20:08
Footer soll Resthöhe vom Browser einnehmen Safran CSS 1 23.06.2006 15:55


Alle Zeitangaben in WEZ +2. Es ist jetzt 04:19 Uhr.