Div Layout mit height: 100% ??

mrpp · 10.03.2010, 10:48

Guten Tag,

ich habe ein Problem damit mein Content Div auf height: 100% zu schaltet. Geht das überhaupt mit Divs? Ich hab gestern den Umstieg auf Divs gewagt.

Falls ich essentielle Fehler im Layout habe, bitte ein Tip

Hier das Layout:

Code:

<html>

	<head>
		
		<style type="text/css">
		
			* {
				margin: 0px;
				padding: 0px;
			}
			
			body {
				height: 100%;
			}
			
			#wrapper {
				width: 980px;
				background-color: #ababab;
			}
		
			#header {
				width: 980px;
				height: 168px;
				background-color: #232323;
			}	
			
			#spacer-le {
				width: 15px;
				height: 56px;
				background-color: #9cccc7;
				float: left;
			}
			
			#spacer-ri {
				width: 15px;
				height: 56px;
				background-color: #96bcc3;
				float: right;
			}
			
			#spacer-mi {
				width: 950px;
				height: 56px;
				background-color: #ccc567;
				float: left;
			}
			
			#content-le {
				width: 220px;
				height: 100%;
				background-color: #994567;
				float: left;
			}
			
			#content-ri {
				width: 220px;
				height: 100%;
				background-color: #6bf623;
				float: right;
			}
			
			#content-mi {
				width: 540px;
				height: 100%;
				background-color: #999997;
				float: left;
			}
			
			#footer-le {
				width: 15px;
				height: 56px;
				background-color: #9cccc7;
				float: left;
			}
			
			#footer-ri {
				width: 15px;
				height: 56px;
				background-color: #96bcc3;
				float: right;
			}
			
			#footer-mi {
				width: 950px;
				height: 56px;
				background-color: #ccc567;
				float: left;
			}
					
		</style>
		
	</head>
	
	<body>
		<div id="wrapper">
			<div id="header"></div>

			<div id="spacer-le">a</div>
			<div id="spacer-ri">b</div>
			<div id="spacer-mi">c</div>

			<div id="content-le">d</div>
			<div id="content-ri">e</div>
			<div id="content-mi">f</div>
			
			<div id="footer-le">g</div>
			<div id="footer-ri">h</div>
			<div id="footer-mi">i</div>
		</div>
	
	</body>

</html>

chorn · 10.03.2010, 11:00

CSS 100% Height DIV's tutorial

mrpp · 10.03.2010, 11:07

Ja das hab ich schon probiert... wenn ich das so mache klappt es aber immernoch nicht. Dann geht der gesamte inhalt mit. Das heisst nicht die Content layer nehmen Ihre 100% ein, sondern nehmen 100% über den ganzen Bildschirm ein...

Baltasar · 10.03.2010, 11:59

Zitat:

Zitat von mrpp

Ja das hab ich schon probiert... wenn ich das so mache klappt es aber immernoch nicht. Dann geht der gesamte inhalt mit. Das heisst nicht die Content layer nehmen Ihre 100% ein, sondern nehmen 100% über den ganzen Bildschirm ein...

bitte was?

mrpp · 10.03.2010, 12:17

Das: Der gepostete Link von "chorn" hilft mir nicht weiter. Das habe ich schon versucht.

nikosch · 10.03.2010, 12:18

Bitte benutze Google und die Forensuche! Im Netz findest Du genug Tutorials zur Fragestellung.

[MOD: Thread geschlossen]

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Internet Explorer stellt CSS falsch dar	dorky	HTML, Usability und Barrierefreiheit	16	19.08.2009 13:03
CSS Layout mit 4 Buttons nebeneinander!!	Rambo02	HTML, Usability und Barrierefreiheit	7	27.07.2009 15:33
[Erledigt] Layout mit CSS Coden	.ds	HTML, Usability und Barrierefreiheit	9	12.12.2008 20:56
[Erledigt] Transparente Runde Ecken bei Thumbnial realisieren	tomtaz	PHP Tipps 2008	3	08.07.2008 01:20
Firefox will mein 3-spaltiges Layout mit Footer nicht (CSS)!	vampsoftchef	HTML, Usability und Barrierefreiheit	1	28.02.2007 00:22
2-spaltiges Layout	dh1sbg	HTML, Usability und Barrierefreiheit	7	13.11.2006 13:52
footer ständig unten bei 2-Spaltigem Layout?	dethlef14	HTML, Usability und Barrierefreiheit	2	24.09.2006 21:53
CSS Layout	McWolle	HTML, Usability und Barrierefreiheit	3	30.11.2005 00:47
[Erledigt] Problem mit Layout bei Firefox		HTML, Usability und Barrierefreiheit	3	14.11.2005 15:42
Problem mit CSS Layout		HTML, Usability und Barrierefreiheit	5	15.10.2005 21:46
CSS Layout macht Probleme mit Firefox	Wimme	HTML, Usability und Barrierefreiheit	2	15.10.2005 13:33
Probleme mit dem Layout	Pimbolie1979	HTML, Usability und Barrierefreiheit	7	01.06.2005 16:48
Layout alt gegen Neu :)	themonk	Off-Topic Diskussionen	65	26.10.2004 13:53


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

10.03.2010, 11:00
chorn Erfahrener Benutzer Registriert seit: 07.12.2009 Beiträge: 814 PHP-Kenntnisse: Fortgeschritten	CSS 100% Height DIV's tutorial

10.03.2010, 11:07
mrpp Neuer Benutzer Registriert seit: 29.12.2009 Beiträge: 9 PHP-Kenntnisse: Anfänger	Ja das hab ich schon probiert... wenn ich das so mache klappt es aber immernoch nicht. Dann geht der gesamte inhalt mit. Das heisst nicht die Content layer nehmen Ihre 100% ein, sondern nehmen 100% über den ganzen Bildschirm ein...

10.03.2010, 12:17
mrpp Neuer Benutzer Registriert seit: 29.12.2009 Beiträge: 9 PHP-Kenntnisse: Anfänger	Das: Der gepostete Link von "chorn" hilft mir nicht weiter. Das habe ich schon versucht.

10.03.2010, 12:18
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 34.253 PHP-Kenntnisse: Fortgeschritten	Bitte benutze Google und die Forensuche! Im Netz findest Du genug Tutorials zur Fragestellung. [MOD: Thread geschlossen] __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --