Προς το περιεχόμενο

css fill height


Προτεινόμενες αναρτήσεις

Δημοσ.

Εχω αυτη την απλη class

.fill-height
{
    height: -webkit-fill-available;
    height: -moz-available;
}

Την εχω βαλει εδω

<!-- merge and fill -->
<div class="fill-height">
  <div class="jumbotron text-center"> 
      <h1>Company</h1>
      <p>weareasdasd</p> 
  </div>
  <!-- content about -->
  <div class="container-fluid text-center bg-color-1">


      <div class = "row">
          <div class="col-sm-3"></div>
          <div class="col-sm-6">
              <h2>About company </h2>
              <h4>content conterntwersd as</h4>
              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec cursus finibus feugiat.
              Nullam lacus lectus, mollis a libero vel, pellentesque ornare ante. Proin ornare libero
                vitae eleifend semper. Integer vehicula finibus laoreet. Aenean eu iaculis lorem. Quisque
                vel interdum erat. In pretium eleifend est, et gravida lacus convallis eu. Nulla facilisis
                  lobortis congue. Proin sed varius mi.
                  </p>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec cursus finibus feugiat.
              Nullam lacus lectus, mollis a libero vel, pellentesque ornare ante. Proin ornare libero
                vitae eleifend semper. Integer vehicula finibus laoreet. Aenean eu iaculis lorem. Quisque
                vel interdum erat. In pretium eleifend est, et gravida lacus convallis eu. Nulla facilisis
                  lobortis congue. Proin sed varius mi.
                  </p>
          </div>
        <div class="col-sm-3"></div>
      </div>
      
  </div>
</div>

η οποια δουλευει μονο σε chrome

Δημοσ.

 

η οποια δουλευει μονο σε chrome

 

Οκ αλλά βλέπω ότι με FF δείχνει καλά ενώ με Chrome (που λες ότι είναι ok) δείχνει το 2ο Jumbotron να έχει πολύ παραπανίσιο height από όσο χρειάζεται.

 

Ποιό είναι αυτό που θες εσυ;

 

post-152801-0-68264700-1511104680_thumb.png

Δημιουργήστε ένα λογαριασμό ή συνδεθείτε για να σχολιάσετε

Πρέπει να είστε μέλος για να αφήσετε σχόλιο

Δημιουργία λογαριασμού

Εγγραφείτε με νέο λογαριασμό στην κοινότητα μας. Είναι πανεύκολο!

Δημιουργία νέου λογαριασμού

Σύνδεση

Έχετε ήδη λογαριασμό; Συνδεθείτε εδώ.

Συνδεθείτε τώρα
  • Δημιουργία νέου...