div Höhe in 100% der gesamten Fenster-Höhe

dersven · #1 17.06.07, 14:28

Hallo Forum,

ich habe ein darstellungsproblem. Ich möchte gern ein hintergrundbild unten ausrichten um text über dem Bild laufen zulassen, damit eine grafik links neben dem text anfangen kann.

also ein div boxmodell mit einer 100% höhe und einem unten ausgerichtetem hintergrundbild in dem div.

»nöööp!« Leider funktionierts nicht.. hmm gibts da ein lösungslink o.ä. ?

mein css:

HTML-Code:

html, body  { 
color: #ffffff; 
font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
height: 100%;  
}

#content   { 
text-align: left;
background-color: #ffffff; 
background-image: url("../images/fuss_schwung.jpg"); 
background-position: bottom; 
background-repeat: no-repeat;
padding-bottom: 110px; 
padding-right: 25px; 
padding-left: 15px; 
min-height: 100%;
}

MartinN · #2 06.07.07, 10:23

Ich nehme an, dass Dich stört, dass das DIV quasi "höher als 100%" ist? Das hat damit zu tun, dass die "Padding"-Angaben zu den 100% addiert werden. Dein DIV ist in Deinem Beispiel also ("100%" + 110px + Standard-"Padding" des Body-Elements) hoch.

Folgendes liefert ein wirklich "100%" hohes DIV:

Code:

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "DTD/xhtml1-transitional.dtd">
<html>
<head>
<title></title>
<style type="text/css">
<!--

html, body  { 
	color: #ffffff; 
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	height: 100%;  
	margin: 0;
	padding: 0;
}

#rahmen   { 
	text-align: left;
	background-color: #00ffff; 
	background-image: url("../images/fuss_schwung.jpg"); 
	background-position: bottom; 
	background-repeat: no-repeat;
	min-height: 100%;
}

#content {
	background-color: #ff00ff; 
	padding-bottom: 110px; 
	padding-right: 25px; 
	padding-left: 15px; 
}

-->
</style>
</head>
<body>
<div id="rahmen">
	<div id="content">Inhalt</div>
</div>
</body>
</html>

Themen-Optionen	Thema durchsuchen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen	Thema durchsuchen: Erweiterte Suche
Ansicht	Thema bewerten
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln	Thema bewerten:

LinkBacks (?) LinkBack to this Thread: http://www.typo3forum.net/forum/html-css/21374-div-h-he-100-gesamten-fenster-h-he.html
Erstellt von	For	Type	Datum
REDAXO FORUM - CSS - Höhe des Kontent-Bereiches soll immer 100% sein - Content Management System [CMS] - Kostenlos - Frei - PHP - MySQL - Open-Source \| Forum \| forum.redaxo.de	This thread	Refback	05.03.08 14:17
REDAXO FORUM - CSS - Höhe des Kontent-Bereiches soll immer 100% sein - Content Management System [CMS] - Kostenlos - Frei - PHP - MySQL - Open-Source \| Forum \| forum.redaxo.de	This thread	Refback	20.02.08 17:40
REDAXO FORUM - CSS - Höhe des Kontent-Bereiches soll immer 100% sein - Content Management System [CMS] - Kostenlos - Frei - PHP - MySQL - Open-Source \| Forum \| forum.redaxo.de	This thread	Refback	19.02.08 07:48
REDAXO FORUM - CSS - Höhe des Kontent-Bereiches soll immer 100% sein - Content Management System [CMS] - Kostenlos - Frei - PHP - MySQL - Open-Source \| Forum \| forum.redaxo.de	This thread	Refback	19.02.08 06:04
REDAXO FORUM - CSS - Höhe des Kontent-Bereiches soll immer 100% sein - Content Management System [CMS] - Kostenlos - Frei - PHP - MySQL - Open-Source \| Forum \| forum.redaxo.de	This thread	Refback	18.02.08 22:56

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Höhe des RTEs	lobby	TemplaVoila	4	04.03.08 11:28
wt_gallery: konstante höhe	jenno	Alle anderen Extensions	0	11.01.08 23:12
Sehr höhe CPU Auslastung	gremoz	TYPO3 4.x Installation und Updates	2	31.10.06 12:50
Breite und Höhe von Bildern bei FCE	bergland	TYPO3 4.x Fragen und Probleme	0	17.08.06 09:51
RTE Fullscreen-Fenster hat keine Höhe?	typ03	TYPO3 4.x Rich Text Editor	0	05.06.06 09:06

Suche

Userpanel

div Höhe in 100% der gesamten Fenster-Höhe