tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
2
ZUGRIFFE
384
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 14.04.09 13:23 #1
    Avatar von aTa
    aTa aTa ist offline
    Registriert seit
    Nov 2001
    Ort
    stuttgart
    Beiträge
    723
    Hi,
    folgendes Problem ich hab ein Div der immer 100% hat, also sich immer dem Browser anpasst, klappt super. Nun möchte ich aber in diesem Div einen andern Div einbauen der zb. 100px weiter unten anfängt aber dann trotzdem bis zum Ende der Seite geht und sich eben auch anpasst, versteht ihr in etwa was ich meine?

    Hab folgenden Code, damit klappts leider nicht, aber ich seh nicht woran?
    Danke schonmal!

    HTML-Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<style>
*{
	padding:0;
	margin:0;
	border:0;
}
html, body {
 	height: 100%; /* wichtig */
	font:12px "Trebuchet MS", Verdana, Arial, sans-serif;
	color:black;
	background:white;
	text-align:center;
}
#header{
	padding-left:20px;
	height:110px;
	font-size:20px;
	text-transform:uppercase;
	background:#ccc;
	line-height: 60px;
}

#box{
	width:700px;
	margin:0 auto;
	text-align:left;
  	position: relative;
  	min-height: 100%;
	height:auto !important;/* moderne Browser */
	height:100%; /* IE */
	background:#eaeaea;
}
#box_head20{
	width:700px;

  	position: relative;
  	min-height: 100%;
	height:auto !important;/* moderne Browser */
	height:100%; /* IE */
	background:#ff0000;
}



</style></head>

<body>
<div id="box">
  <div id="inhalt">
       <div id="box_head20">xcv</div>
  </div>
</div>
</body>
</html>
     
    blackjack und nutten
    Zitieren Zitieren
  2. 14.04.09 13:28 #2
    Maik Tutorials.de Gastzugang
    Hi,

    in dem CSS-Modell kann nur das Elternelement #box eine 100%-Höhe einnehmen. Das Versetzen des Nachfolgeelements mit einer 100%-Höhe um 100px nach unten hätte nämlich zur Folge, dass das Layout um 100px nach unten vergrößert wird, da sich die 100%-Höhe auf die Browserfensterhöhe bezieht.

    In meinem CSS-Tutorial CSS-Layout mit 100%-Höhe findest du mit der Variante "Modell mit Header und Footer" einen technischen Lösungsansatz für dein Vorhaben.

    mfg Maik
     
    Zitieren Zitieren
  3. 14.04.09 14:16 #3
    Avatar von aTa
    aTa aTa ist offline
    Registriert seit
    Nov 2001
    Ort
    stuttgart
    Beiträge
    723
    Super hat geklappt!!
     
    blackjack und nutten
    Zitieren Zitieren
« Div container von unten heraufbauen | ul li Dropdown menü - IE problem »

Ähnliche Themen

  1. Zwei Threads. Warum werden beide beendet?
    Von F22 im Forum Java Grundlagen
    Antworten: 3
    Letzter Beitrag: 25.02.10, 16:27
  2. Zwei Divs nebeneinander mit gleicher Höhe
    Von NgiseD im Forum CSS
    Antworten: 1
    Letzter Beitrag: 11.10.09, 19:47
  3. Zwei Divs auf selbe Höhe bringen...
    Von SonMiko im Forum CSS
    Antworten: 2
    Letzter Beitrag: 02.06.08, 13:38
  4. Zwei Tabellen, beide Emailadressen, nichtenthaltene der T. anzeigen
    Von exitboy im Forum Relationale Datenbanksysteme
    Antworten: 0
    Letzter Beitrag: 06.09.07, 08:44
  5. Automatisch 100% Höhe bei DIVs?
    Von josDesign im Forum CSS
    Antworten: 2
    Letzter Beitrag: 21.11.06, 12:31