Ankündigung

Einklappen
Keine Ankündigung bisher.

[Erledigt] html {height: 100%}

Einklappen

Neue Werbung 2019

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • [Erledigt] html {height: 100%}

    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>


  • #2
    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.

    Kommentar


    • #3
      jo das wars einfach center wech und dann gehts ...

      danke

      Kommentar


      • #4
        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
          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


          • #6
            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
              Yeah, dank dir. Geht einwandfrei hab sogar noch nen Div wegbekommen.

              MFG

              Kommentar


              • #8
                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


                • #9
                  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
                    was man weglassen könnte
                    Wo nichts ist, brauch auch keine Einheit dahinter : 0%, 0px ...

                    Kommentar


                    • #11
                      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

                      Lädt...
                      X