• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

100% Höhe - unmöglich?

Status
Für weitere Antworten geschlossen.
A

Artemis

Neues Mitglied
Kann ich bei diesem Code 100% Höhe machen?
Oder ist das unmöglich?
Code: 
<?xml version="1.1" encoding="ISO-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
	"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Template</title>
	<style type="text/css" title="Standart" media="screen">
		body{
			margin:0px;
			padding:0px;
		}
		div{
			border-left:1px solid #000000;
			border-right:1px solid #000000;
			height:100%;
			margin:0px auto;
			width:300px;
		}
	</style>
</head>
<body>
	<div>s</div>
</body>
</html>
 
Werbung:
html und body musst du mit height:100%; ausstatten ausserdem müssen beide padding und marin 0px haben...
 
Werbung:
Ich habe das Problem auch. Schaut euch mal

http://mpoint.mp.funpic.de/blog/?action=schatz an. Ganz unten auf der Seite geht der Text gerade in den Footer über. Aber es fehlt ein "Ich liebe dich" das nach 2
s steht.
Bei http://mpoint.mp.funpic.de/blog/schatz.php könnt ihr euch die Datei anschauen, dann seht ihr was ich meine.
Ich habe überall height:100%; eingefügt wo ich es für sinnvoll gehalten habe, jetzt habe ich echt fast überall eins stehen und die Page macht es trotzdem nicht.

Kann mir da jmd helfen?
Vielen Dank schonmal.



//edit: Ich weiß, im IE sieht die Page ziemlich verroppt aus, muss da noch was machen. Also wenns geht -> Firefox benutzen. Denn auch nur da besteht das Problem!
 
Fehler in den CSS angaben:

-> Grösenangaben bei css müssen immer mit einer einheit versehen werden (http://de.selfhtml.org/css/formate/wertzuweisung.htm)
-> bei body UND html MUSS margin und padding 0px betragen, du hast html ganzvergessen und beim body unvollständig gearbeitet.
-> css wird IMMER kleingeschrieben!

soweit ich weiß hatten wir dies schoneinmal und du hast scheinbar nichts am stylesheet geändert... :roll:
aus dem oberen posts hättest du diese fehler selbst leicht finden können...
 
Werbung:
Werbung:
Code: 
body
{
	background-image:url(images/index_02.gif);
	font-size: 7.5pt;
	color: #000000;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0px;
	font-family : Verdana, sans-serif; 
	height:100%;
}

html
{
	margin: 0px;
	padding: 0px;
}


div#main
{
    	background-color: #000000;
	width:358px;
	text-align:left;
	height:100%;
	background-image:url(images/index_09.gif);
}

h1
{
	font-size: 13pt;
	font-family : Verdana, sans-serif; 
	line-height: 17px;
	margin: 0;
}

.pink, a.color 
{
    	color:#EC4EC1;
}

div#header
{
	background-image:url(images/index_09.gif);
	width:358px;
	height:170px;
	border-left: 0px solid #ffffff;
	margin-left: 0px;
}

div#content 
{
	width:358px;
	float:left;
	height:100%;
	background-image:url(images/index_09.gif);
	border-left: 0px solid #FFFFFF;
}

div#content2
{
	width:290px;
	float:left;
	height:100%;
	margin-left: 35px;
}

div#footer
{
    	background-image:url(images/index_10.gif);
	width: 358px;
	height: 39px;
	padding-top: 0px;
}
 
Werbung:
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben