Simples HTML Problem! - javarea.de Forum powered by javarea.de

Archivlink: javarea.de Forum > (X)HTML & CSS (allgemein) > Simples HTML Problem!

Vollständigen Link anzeigen: javarea.de Forum > (X)HTML & CSS (allgemein) > Simples HTML Problem!

Pages: [1]

geschrieben von sephir0th am 27.09.2004 - 11:19

Guten Morgen,

ich hab hier mal folgendes Problem:

Ich habe nen <DIV> Container mit folgenden CSS Eigenschaften belegt:

	HTML-Quelltext
1: 2: 3: 4: 5:	.maincontent { width:100%; height:100%; background-color:#ffcc66; border-left:1px solid #ffffff;

Ich möchte das der immer so groß ist wie die Seite, damit der nicht irgendwo aufhört! Im Internet Explorer funktioniert das auch, aber im Firefox nicht! Woran liegt das?

Muss ich da irgendwas spezielles noch angeben?

Danke schonmal

sephi

geschrieben von Daniel am 27.09.2004 - 11:41

Die Breite anzugeben ist überflüssig, in deinem Fall. Ein div hat automatisch 100% Breite, es sei denn du gibst was anderes an. Wegen der Höhe: Du musst deinem Dokument/Tabelle auch eine Höhe geben damit das div die 100% annehmen kann. Siehe http://www.quirksmode.org/css/100percheight.html

HTML-Quelltext

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23:

<html>
<head>
<title>Test</title>
<style>
.maincontent {
	height:100%;
	background-color:#ffcc66;
	border-left:1px solid #000;
}

html, body {
	height:100%;
}
</style>
</head>
<body>

 <div class="maincontent">
  TEST
 </div>

</body>
</html>

Daniel

geschrieben von sephir0th am 27.09.2004 - 12:31

Funzte zwar net so wie ich mir das vorgestellt habe, aber es klappt jetzt! ;)

Danke!