<div> mit css strecken

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

Autor dieses Themas

10:47, 17.2.2010

Hallo,
ich möchte ein div über die tag/gaze">gaze restliche seite strecken. Allerdings habe ich oben noch 135px header und unten 20px footer. Wenn ich das body-tag height 100% zuweise und dem div seitentext auch, werden von der Höhe die 135px und 20px nicht abgezogen, sodass die seite recht lang wird und ein Scrollbalken erscheint. Ich möchte aber, dass die Seite auf jedem bildschirm die Größe des Browserbildschirms ohne scrollbalken einnimmt.
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 content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Schülerzeitung VENTIL | Redaktionsserver | Hallo, Name!</title>
<?php include "hauptcss.php"; ?>
</head>

<body>
<div id="complete">
	<?php include "oben.php"; ?>
	<div id="seiteninhalt">
	Seiteninhalt
	</div>
	<?php include "footer.php"; ?>
</div>
</body>

</html>

css

html{
	height: 100%;
}

body{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	margin: 0px;
	height: 100%;
}

#complete{
	width: 100%;
	height: 100%;
	background: #ffffff;
}

#seiteninhalt{
	width: 100%;
	height: 100%;
	background: aqua;
}

mfg
mmc

Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage
kaetzle7

Moderator

kaetzle7 hat kostenlosen Webspace.
13:04, 17.2.2010
Hast du schon mal probiert das hier:
```
html{
	height: 100%;
}
```
zu entfernen?

Ansonsten wäre es einfacher, wenn du uns den Link zu dieser Seite postest, da könnte man mal mit firebug herumspielen, was du übrigens auch selbst mal probieren könntest...

juerch

juerch hat kostenlosen Webspace.

13:13, 17.2.2010

Versuche es mal so:

#seiteninhalt{
	position:absolute;	
        width: 100%;
	background: #ffffff;
        bottom: 20px;
        top: 135px;
        left: 0px;
}

Gruß
Juerch

Beitrag zuletzt geändert: 18.2.2010 18:11:16 von juerch

Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

lima-city bietet dir kostenlosen und werbefreien Speicherplatz für Deine Homepage. Sofort anmelden und direkt loslegen mit Webspace, PHP, Datenbanken, günstigen Domains und einer tollen Community!

kostenloser Webspace werbefrei: lima-city