zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Div's und height 100%

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 04.07.2008, 23:26
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 12.11.2006
Beiträge: 41
BNightSpeeder befindet sich auf einem aufstrebenden Ast
Standard Div's und height 100%

Hallo,

ich habe Versucht das Beispiel aus der FAQ umzusetzen, jedoch funktioniert es aus irgendeinem Grund bei mir nicht, es wird zwar alles nebeneinander und auch untereinander angezeigt jedoch nur bis die Box ausgefüllt ist und nicht bis zum ende des Browser-Fensters

Code:
<body>
	<div id="site">
    	<div id="menue"></div>
        <div id="content">Blindtext</div>
		<div id="right">Rechts</div>
		<div id="footer">Footer</div>  
    </div>
</body>
CSS:

Code:
@charset "utf-8";
/* CSS Document */

html {
	height: 100%;
}

body {	
	background-color: #FFFFFF;
	color: #000000;
	min-height:100%;
	margin: 0;
	padding: 0;
	border: 0; 
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

* html body {
	height:100%;
}


/* Menue */

#menue {
	width: 100%;
	height: 80px;
	background-color: #464646;
}


/* Site */

#site {
	float: left;
	width: 100%;
	background-color: #CC0000;
}

#content {
	float: left;
	width: 500px;
	margin-left: 70px;
	background-color: #0000FF;
}

#right {
	float: left;
	width: 50px;
	background-color: #33FF00;
}

#footer {
	clear: both;
}
Was mache ich falsch? Mfg. BNS
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 05.07.2008, 11:03
Benutzerbild von quarki69
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 06.01.2007
Beiträge: 102
quarki69 befindet sich auf einem aufstrebenden Ast
Standard

Das Ergebnis entspricht leider genau den von dir geposteten Sourcen.

Benutze einmal die Hintergrundgrafik aus dem Beispiel, dann wirst du sehen, dass sich dein body längst über 100% des Browserfensters ausstreckt.

Die Elemente "content" und "rechts" dehnen sich natürlich nur so weit nach unten aus, wie es für den jeweiligen Inhalt ("Blindtext" und "Rechts") notwendig ist. Der Footer schliesst brav unten an.

Schau doch mal hier. Dann erfähsrt du, wie du den Footer an das untere Ende der Seite bekommst.

Geändert von quarki69 (05.07.2008 um 11:21 Uhr)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 05.07.2008, 21:18
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 12.11.2006
Beiträge: 41
BNightSpeeder befindet sich auf einem aufstrebenden Ast
Standard

Ok, auch wenn ich es so mache:

Code:
@charset "utf-8";
/* CSS Document */

html {
	height: 100%;
	background:#0f0 url(./style/images/bg.png) repeat-y;
}

body {	
	color: #000000;
	min-height:100%;
	margin: 0;
	padding: 0;
	border: 0; 
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(./style/images/bg.png);
	background-repeat:repeat-y;
	background-position:right;
}

* html body {
	height:100%;
}


/* Menue */

#menue {
	width: 100%;
	height: 80px;
	background-color: #464646;
}


/* Site */

#site {
	float: left;
	width: 100%;
	background-color: #CC0000;
}

#content {
	float: left;
	width: 500px;
	margin-left: 70px;
	background-color: #0000FF;
}

#right {
	float: right;
	width: 50px;
	background-color: #33FF00;
}

#footer {
	clear: both;
}
Also mit Hintergrundbild passiert nichts!

Beispiel Online:
http://victorvici.vi.funpic.de/Beispiel/home.php
http://victorvici.vi.funpic.de/Beispiel/style/style.css

Geändert von BNightSpeeder (05.07.2008 um 21:21 Uhr)
Mit Zitat antworten
  #4 (permalink)  
Alt 05.07.2008, 22:49
Benutzerbild von quarki69
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 06.01.2007
Beiträge: 102
quarki69 befindet sich auf einem aufstrebenden Ast
Standard

leider kann ich dein Hintergrundbild nicht anzeigen lassen.
Wie gesagt, schau' dir doch mal den oben genannten Link an; da wird's recht einfach veranschaulicht.
Mit Zitat antworten
Antwort

Stichwörter
css, div, height

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
Div Positionen in Firefox falsch ozero CSS 4 17.07.2009 23:35
Probleme mit Hintergrundbild von Divs wurzelchensen CSS 0 13.06.2008 19:07
prblemme mit mein inhalt div carlos587261 CSS 3 23.04.2008 15:07
Mozilla zeigt DIV zu oft an cracki CSS 6 09.03.2008 16:22
So langsam bekomme ich die Krise mit den DIVs Thuroc CSS 12 12.11.2007 15:25


Alle Zeitangaben in WEZ +2. Es ist jetzt 23:53 Uhr.