mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 23.11.2017 21:37 Benutzername: Passwort: Auto-Login

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


Neues Thema eröffnen   Neue Antwort erstellen 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: -
Geschlecht: Männlich
Verfasst Di 31.07.2007 09:24
Titel

prob mit div 100% Höhe

Antworten mit Zitat Zum Seitenanfang

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ß
  View user's profile Private Nachricht senden
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 34
Geschlecht: Männlich
Verfasst Di 31.07.2007 09:29
Titel

Antworten mit Zitat Zum Seitenanfang

probiere es mal mit folgendes divs

Code:

<div id="main" style="height:100%;" align="center">
  <div id="conall">
    ...
  </div>
</div>


im cssfile für conall

Code:

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


das sollte funktionieren
  View user's profile Private Nachricht senden
Anzeige
Anzeige
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 31.07.2007 09:35
Titel

Antworten mit Zitat Zum Seitenanfang

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

   margin: 0 auto;
   width: 950px;
}
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Flex
Threadersteller

Dabei seit: 25.08.2004
Ort: Im schrägen e
Alter: -
Geschlecht: Männlich
Verfasst Mi 01.08.2007 10:21
Titel

Antworten mit Zitat Zum Seitenanfang

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?
  View user's profile Private Nachricht senden
nicoG

Dabei seit: 25.01.2006
Ort: Freiburg
Alter: -
Geschlecht: Männlich
Verfasst Mi 01.08.2007 10:35
Titel

Antworten mit Zitat Zum Seitenanfang

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;
}
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 01.08.2007 10:39
Titel

Antworten mit Zitat Zum Seitenanfang

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>
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Flex
Threadersteller

Dabei seit: 25.08.2004
Ort: Im schrägen e
Alter: -
Geschlecht: Männlich
Verfasst Mi 01.08.2007 10:58
Titel

Antworten mit Zitat Zum Seitenanfang

danke, funktioniert:-)
  View user's profile Private Nachricht senden
 
Ähnliche Themen DIV Problem - 100% Höhe
DIV verweigert 100% Höhe
CSS DIV 100% Höhe
div-Höhe 100% wird bei scrollen nicht angezeigt
[CSS] Div 100% Höhe und BG-Bild - Problem
Div-Höhe am u. Browserrand orientieren ohne height: 100%?
Neues Thema eröffnen   Neue Antwort erstellen
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 an Umfragen in diesem Forum nicht mitmachen.