Problem mit IE

[PyroFlo]

Hallo,

ich bekomme es leider nicht hin das der IE mir das ganze so anzeigt wie ich es doch gern hätte.... :) "Was für ein seltenes vorkommen"

Ich möchte dieses div mir dem Inhalt "...Inhalt..." gerne in der Mitte des Bildschirms stehen haben... Funktioniert soweit ja ganz git es ist auch 37px von oben entfernt alles gut! ABER das div reicht einfach nciht bis ans untere ende des bildschirms...

Hättet ihr eine Lösung für mich?

<div class="mainbody">
     <div>
           ....Inhalt...
     </div>
</div>

.mainbody {position:absolute;
          top:38px;
          bottom: 0;
          width:100%;
          margin:0 auto;
          text-align: center;
          background-color: #0f0f0f}    
.mainbody > div {position: static;
                width: 1000px; 
                height: 100%;
                display: inline-block;
                background-color: #0000aa;}

Danke Flo

 

[phzu]

.mainbody div {                  
    width: 1000px;
    height: 100%;
    margin: auto;
    background-color: #0000aa;
}

Gibt es einen speziellen Grund fuer die Verwendung von absoluter Positionierung? Schoener und besser waere es ohne, dafuer mit margin-top anstelle von top.

Um dir wirklich zu helfen, poste mal einen Link zur Seite bzw. die anderen relevanten Teile der html Datei.

 

[PyroFlo]

Gibt es einen speziellen Grund fuer die Verwendung von absoluter Positionierung?

Allerdings... Ich möchte das das ganze von 38Px von oben bis nach ganz unten geht und ausser mit top 38; und bottom: 0px; schien mir das nicht möglich. Oder irre ich mich da?

Um dir wirklich zu helfen, poste mal einen Link zur Seite.

Würde/Hätte ich liebend gern gemacht aber die seite ist noch nicht online...

 

[phzu]

.mainbody {
   width: 100%;
   margin: 0 auto;
   margin-top: 38px;
   float: left;
   height: 100%;
}    
.mainbody div {
    width: 1000px; 
   height: 100%;
   float: left;
}

Klar gehts ohne absoluter Formatierung auch. Ist sogar empfehlenswert. Machs mal so wie oben...

Allerdings wuerde der komplette HTML code wirklich helfen.

 

[PyroFlo]

Danke das sieht jetzt schon ganz net aus... :)
Allerdings eine Tür öffnet sich eine andere schließt sich... Jetzt ist meine Leiste darüber(die 38px breite) !!WEG!!...

 

[PyroFlo]

Und was mir noch so auffält: bis zum ende des Brwoserfensters(unten) geht der DIV auch nicht.... :(

 

[ka9de]

Natürlich ist erstmal der IE Schuld.

Google mal nach 100% Höhe. Und von welcher Leiste redest du? Weißt du was margin bewirkt?

 

[threadi]

Evtl. hilft auch

display: table;

aber wirklich sagen kann man das ohne den gesamten Quellcode nicht.