FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Zur Registrierung

Thema: prob mit div 100% Höhe vom 31.07.2007

	MGi Foren-Übersicht -> Allgemeines - Nonprint -> prob mit div 100% Höhe

Autor

Nachricht

Flex
Threadersteller

Dabei seit: 25.08.2004
Ort: Im schrägen e
Alter: 22
Geschlecht: Männlich

Verfasst Di 31.07.2007 10:24
Titel

prob mit div 100% Höhe

Hab mal ne kleine Testseite gebaut:
Das Div wrapper soll zentriert angezeigt werden und dabei die volle höhe des Browsers einnehmen...geht aber nicht:-(

Meine 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">

<head>
<title>...</title>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8" />
<meta name="keywords" content="..." />
<meta name="DC.title" content="..." />
<meta name="DC.creator" content="..." />
<meta name="DC.subject" content="..." />
<meta name="DC.publisher" content="..." />
<meta name="DC.language" content="de" scheme="DCTERMS.RFC3066" />
<meta name="DC.type" content="Service" scheme="DCTERMS.DCMIType" />
<meta name="DC.rights" content="Alle Rechte liegen beim Autor" />
<link rel="stylesheet" media="screen,projection" title="Standardstylesheet" href="css/default.css" type="text/css" />
</head>
<body>
<div id="wrapper">test</div>
</body>
</html>

css

Code:

* {
margin: 0; padding: 0; border: 0;
}

body {
background: #939393;
font-size: 100.1%;
font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
color:#676968;
height: 100%;
}

#wrapper {
width: 1024px;
height: 100%;
min-height: 100%;
margin: 0px auto;
background-color: #ffffff;
}

wo ist der Fehler?

gruß

Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 25
Geschlecht: Männlich

Verfasst Di 31.07.2007 10:29
Titel

probiere es mal mit folgendes divs

Code:

im cssfile für conall

Code:

#conall {
margin-top:0px;
width:998px;
height:100%;
position:relative;
}

das sollte funktionieren

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich

Verfasst Di 31.07.2007 10:35
Titel

Code:

html, body {
height: 100%;
}
div#wrapper {
min-height: 100%;
height: 100%;
height: auto !important;

margin: 0 auto;
width: 950px;
}

Flex
Threadersteller

Dabei seit: 25.08.2004
Ort: Im schrägen e
Alter: 22
Geschlecht: Männlich

Verfasst Mi 01.08.2007 11:21
Titel

m hat geschrieben:

Code:

html, body {
height: 100%;
}
div#wrapper {
min-height: 100%;
height: 100%;
height: auto !important;

margin: 0 auto;
width: 950px;
}

mh im Firefox geht das super....im ie aber leider nicht:-( hast ne idee woran das liegen könnte?

nicoG

Dabei seit: 25.01.2006
Ort: Freiburg
Alter: -
Geschlecht: Männlich

Verfasst Mi 01.08.2007 11:35
Titel

welchen Doctype verwendest du?

Ansonsten mal die Reihenfolge ändern, zuerst solltest du height:auto setzen, dann height:100%:

Code:

div#wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto;
width: 950px;
}

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich

Verfasst Mi 01.08.2007 11:39
Titel

nicoG hat geschrieben:

Ansonsten mal die Reihenfolge ändern, zuerst solltest du height:auto setzen, dann height:100%:

Ja, so ist es, sorry, hatte da nen dreher drin. So konnte das nicht funktionieren
weil der IE6 die letzte height Angabe nicht unterstützte.

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>
<title>min-height</title>
<style type="text/css">
   * {
      margin: 0;
      padding: 0;
   }
   html, body {
      height: 100%;
   }
   div#wrapper {
      background: #eee;
      min-height: 100%;
      height: auto !important;
      height: 100%;
      margin: 0 auto;
      width: 950px;
   }
</style>
</head>
<body>
<div id="wrapper">
   test
</div>
</body>
</html>

Flex
Threadersteller

Dabei seit: 25.08.2004
Ort: Im schrägen e
Alter: 22
Geschlecht: Männlich

Verfasst Mi 01.08.2007 11:58 Titel

danke, funktioniert:-)


	MGi Foren-Übersicht -> Allgemeines - Nonprint

Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.