Wie man div erweiterbar mit Inhalt bei der Einstellung min-height-Eigenschaft als auch in CSS

Habe ich eine master-Seite in asp.net die haben keinen server-Seite Steuern als jetzt. Ich verwendet, div, wo jeder lieber als Tabelle. Es gibt nicht einmal einen einzigen Tisch, der gerade jetzt in der Seite. Nun, Wenn ich versuchte zu verwenden, die master-Seite auf anderen Seiten habe ich festgestellt, dass div-Abschnitt, der hielt den Körper Inhalt der Seite ist nicht größer als der Inhalt wächst und der Inhalt quillt auf andere Abschnitte.

Haben wir keine Möglichkeit, um div erweiterbar zu halten, minimale Höhe fest.
d.h., Wenn der Inhalt kleiner ist als die minimale Höhe eingestellt ist, als in Regionen gezeigt werden soll, mit einem minimum Höhe, die festgelegt wurde, sonst, wenn der Inhalt mehr als die minimale Höhe, dann Höhe beginnt der Anbau mit der Seite.

Wie können wir dies tun.
Dies ist meine Website wo ich will, zu machen über uns und Kontaktieren Sie uns Seite erweiterbar.

Finden Sie den css-Stil namens.css innerhalb der Website.

InformationsquelleAutor Shantanu Gupta | 2010-06-23
  1. 0

    Standardmäßig ein div zu erweitern über die angegebene Größe mit der min-height CSS-Eigenschaft. Meine Vermutung ist, dass Sie sich die falsche Sache, als die Ursache des Problems. Für Ihre Informationen IE6 ich glaube, ignoriert die min-height-Eigenschaft, und wird schrumpfen, um seinen Inhalt zu Größe, auch wenn der Inhalt kleiner als die angegebene min-height.

    UPDATE:

    Werden, wenn Sie erkennen, ein browser, mit dem oben beschriebenen problem (ich.e Internet Explorer 6) mit JavaScript Messen Sie die Höhe des wrapper-DIV mit es offsetHeight und dann subtrahieren Sie diesen Wert von dem, was die min-Höhe sein sollte. Wenn der Wert positiv ist, dann setzen Sie den Stil.Höhe Wert in die min-height-Wert.

    • Ich bin sehr sehr neu auf dem web-Technologie. Bitte geben Sie einen den Umgang mit verschiedenen Browsern, als auch für solche ein Problem.
    InformationsquelleAutor Roman
  2. 0

    Versuchen, diese css:

    div {
    min-height: 100px;
    overflow: hidden;
}

    Diese overflow: hidden ist ein css-hack so zu sagen. Vielleicht hilft es dir hier draußen...

    • was wird Sie tun, wird es hide my überflogen Daten. Ich habe daraufhin alle Daten, anstatt Sie zu verstecken. Jedenfalls habe ich die Erhöhung der Breite
    InformationsquelleAutor Alex Sawallich
Schreibe einen Kommentar