CSS: Content (height:) Problem

Status
Nicht offen für weitere Antworten.
B

bomberpilotmp3

Erfahrenes Mitglied
Hallo,

ich habe vor mir ein kleines Design für meine Homepage zu machen. CSS ist eigendlich nichts neues mehr für mich. Es macht auch spaß´, nur ein Problem habe ich dennoch.

Ich habe einen Stylecheet gebaut der so lautet:
Code: 
<style type="text/css">
body {
	margin-top:auto;
	margin-bottom:auto;
	margin-left:auto;
	margin-right:auto;
	background-image:url(./images/background.png);
}
.contentbereich {
        width:980px;
	height:100%;
	border-bottom:solid 1px #CCCCCC;
	border-left:solid 1px #CCCCCC;
	border-right:solid 1px #CCCCCC;
	border-top:solid 1px #CCCCCC;
	background-color:#FFFFFF;
}
</style>

Das Problem ist nur, das ich die Höhe nicht auf 100% setzen kann. Wenn ich zb. die Breite komplett abgeschlossen haben will, mach ich einfach: width:100%; Wie mach ich das bei der Höhe?
 
Danke für die Schnelle Antwort. Funktioniert nur leider nicht. Ich habe keine Anhung, was ich falsch mache... Ich habe gerade ausserdem hier im Forum gelesen das es mit DIV Kontainer gehen soll.

Ich arbeite aber nicht mit DIV-Kontainer, da ich noch nicht wirklich lange dabei bin, und mich erstmal an die guten alten Standard Tabellen orientieren möchte.
 
Dann zeig doch bitte mal den vollständigen HTML-Code, denn die Technik funktioniert mit Tabellen grundsätzlich genauso.
 
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>

<style type="text/css">
body {
	margin-top:auto;
	margin-bottom:auto;
	margin-left:auto;
	margin-right:auto;
	background-image:url(./images/background.png);
}
.contentbereich {
    width:980px;
	height:100%; 
	border-bottom:solid 1px #CCCCCC;
	border-left:solid 1px #CCCCCC;
	border-right:solid 1px #CCCCCC;
	border-top:solid 1px #CCCCCC;
	background-color:#FFFFFF;
}
</style>

</head>
<body>
<table width="100%" border="0" align="center" cellspacing="0" class="contentbereich">
  <tr>
    <td height="100" colspan="3"><img src="images/header.png" width="980" height="100" border="0"/></td>
  </tr>
  <tr>
    <td height="500"><-INHALT-></td>
    <td><-INHALT-></td>
    <td><-INHALT-></td>
  </tr>
  <tr>
    <td height="25" colspan="3"><-INHALT-></td>
  </tr>
</table>
</body>
</html>

Das ist er :)
 
Also bei mir funktioniert es in allen mir zur Verfügung stehenden Browser einwandfrei, wenn ich die empfohlene Regel im Stylesheet aufnehme.
 
Kann ich jetzt nicht nachvollziehen, warum es bei dir nicht funktionieren sollte, denn du wärst hier der Erste, bei dem sich die Technik nicht anwenden lässt. Unabhängig davon, ob es sich hierbei nun um ein DIV, oder eine Tabelle handelt.
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück