[Erledigt] html {height: 100%}

27.11.2005, 12:54

Hi,

hab folgendes script bei IE ausprobiert und es funktioniert nur mozilla is da wohl nicht ganz so kullant mit dem Code...

Will ne Seite mit nem Div über 100% höhe machen...

Seht ihr nen Fehler im code was mozilla nicht versteht ???

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>

<style type="text/css">
<!--

html,body {
 height:100%;
 margin:0%;
 padding:0%;

}

div#test {
  	 background-color:#999900;
	 height:100%;
	 width:780px;
	 border-left:1px solid #eee;
	 border-right:1px solid #eee;

}

-->
</style>
</head>

<body>
<center>
<div id="test">asasasas</div>
</center>
</body>
</html>

Stichworte: -

derHund

Dabei seit: 29.10.2004

Beiträge: 1781
#2

27.11.2005, 15:00

was soll das center-element da? zentieren kannst du auch per css, solltest du auch. dein div nimm wohl 100% der höhe des center-elementes ein ... laß es weg.

[URL=http://www.mozilla.org/products/firefox/][img]http://www.nophia.de/misc/spreadtheword/feuerfuchs.gif[/img][/URL]
Kommentar
#3

28.11.2005, 10:28

jo das wars einfach center wech und dann gehts ...

danke
Kommentar
#4

02.02.2006, 07:37

hab ne Anschlussfrage.

Ich hab das mit der Höhe hinbekommen, jedoch kann ich die Div-Fläche nicht Zentrieren (nicht mit <center> nicht mit <div style="text-align:center;"> und auch nicht mit <div align="center").

Wie kann ich es schaffen, den Div-Bereich auf dem Fenster zu zentrieren? Immer wernn ich was mit center eingeb verschwindet die Fläche

Siehe den aktuellen Code:

[ link entfernt ]

Danke für Hilfe
Kommentar
#5

02.02.2006, 07:54

Ok habs mehr oder minder hinbekommen, nur warum ist der content im Firefox da wo er hingehört, im IE aber rechtsbündig (?!?). Ich kapiers nicht.

Hier Link
[ link entfernt ]
Kommentar

02.02.2006, 08:13

Code:

div#test {
 position:absolute;
 background-color:#999900;
 height:100%;
 width:780px;
 border-left:1px solid #eee;
 border-right:1px solid #eee;
 left:50%;
 margin-left:-390px;
}

sollte es tun

Kommentar

#7

02.02.2006, 08:32

Yeah, dank dir. Geht einwandfrei hab sogar noch nen Div wegbekommen.

MFG
Kommentar
lomtas

Dabei seit: 08.02.2005

Beiträge: 224
#8

03.02.2006, 08:46

das Problem beim oben beschriebenen Beispiel ist nur, dass der linke Rand unwiederbringbar aus dem sichtbaren Bereich verschwindet, wenn der sichtbare Bereich kleiner ist als die Breite des Divs....
Kommentar

03.02.2006, 09:02

Ich habs so nun gemacht und klappt perfekt. Könnts ja mal anschauen, vielleicht findet ihr nen Fehler oder was, was man weglassen könnte. Ich bin jedenfalls zufrieden

Danke

Code:

    <style type="text/css">
    <!--
      html,body {
        height:		100%;
        margin:		0%;
        padding:	0%;
      }

      #content {
        position:	absolute;
        top:		50%;
        height:		350px;
        margin-top:	-190px;
        left:		50%;
        width:		380px;
        margin-left:	-190px;
        background:	#670603;
        color:		#AE4C1E;
        text-align:	center;
      }

      #text {
        margin: 	0px auto;
        width:		234px;
      }

      #bg {
        margin: 	0px auto;
        width:		380px;
        height:		100%;
        background:	#670603;
      }
    -->
    </style> 

[...]

<div id="bg"></div>
<div id="content">
  [img]gfx/logo.gif[/img]
  


  <div id="text">
    <p align="justify">
    Text...
    </p>
  </div>
  


  [ Seite betreten ]
</div>

Kommentar

#10

03.02.2006, 09:13

was man weglassen könnte

Wo nichts ist, brauch auch keine Einheit dahinter : 0%, 0px ...
Kommentar
DER_Brain

Dabei seit: 18.04.2005

Beiträge: 1540
#11

03.02.2006, 14:09

stimmt schon, dass man das ganze weglassen kann, is aber glaub ich geschmackssache..

also bei mir findet sich oft ein
0px auto; in der css

mfg
Andi
Kommentar

Ankündigung

[Erledigt] html {height: 100%}

Neue Werbung 2019