Autor |
Nachricht |
Flex
Threadersteller
Dabei seit: 25.08.2004
Ort: Im schrägen e
Alter: -
Geschlecht:
|
Verfasst Di 31.07.2007 09: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: 41
Geschlecht:
|
Verfasst Di 31.07.2007 09:29
Titel
|
|
|
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
|
|
|
|
|
Anzeige
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 31.07.2007 09: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: -
Geschlecht:
|
Verfasst Mi 01.08.2007 10: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:
|
Verfasst Mi 01.08.2007 10: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;
} |
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 01.08.2007 10: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: -
Geschlecht:
|
Verfasst Mi 01.08.2007 10:58
Titel
|
|
|
danke, funktioniert:-)
|
|
|
|
|
|
|
|
Ähnliche Themen |
prob mit png im IE
Div-Prob
preloader prob
td Anordnungs - Prob
CSS-Prob mit emailformular...
css positionierungs prob
|
|