bootstrap expand #left div 100% height

Ας μάθουμε πως να κάνουμε τις σελίδες μας με στιλ. Τα Cascading Style Sheets είναι ο τρόπος για να το επιτύχουμε.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Άβαταρ μέλους
dionisis71
Δημοσιεύσεις: 237
Εγγραφή: 04 Μάιος 2009 22:15
Επικοινωνία:

bootstrap expand #left div 100% height

Δημοσίευση από dionisis71 » 17 Φεβ 2017 20:26

Παιδιά καλησπέρα, όπως φαίνεται εδώ, προσπαθώ να κάνω expand το #left div στο 100% height. Ευχαριστώ προκαταβολικά όποιον μπορεί να βοηθήσει.

HTML & CSS

neaegnatia
Δημοσιεύσεις: 48
Εγγραφή: 27 Απρ 2015 12:38

bootstrap expand #left div 100% height

Δημοσίευση από neaegnatia » 18 Φεβ 2017 07:47

χωρίς να έχω δεί κώδικα μου φένεται ότι το αρχικό σου div είναι μικρό που το έχεις με scroll
και μετά να κάνεις το μέσα 100%; Εάν θες κάντο ένα codepen για να το δουμε καλύτερα να στο λύσουμε.


sibas
Honorary Member
Δημοσιεύσεις: 1851
Εγγραφή: 21 Φεβ 2003 01:21
Τοποθεσία: Μια εδώ.. Μια εκεί.. Σήμερα είμαι εδώ!!!
Επικοινωνία:

bootstrap expand #left div 100% height

Δημοσίευση από sibas » 18 Φεβ 2017 09:40

δεν ειμαι fan του bootstrap και έτσι δεν γνωρίζω ακριβώς ποια είναι τα settings που έχει..

στο grid.css έχει

.pre-scrollable {
max-height: 340px;
overflow-y: scroll;
}

αν κάνεις το div #main να έχει το ίδιο height με το .pre-scrollable τότε θα λυθεί το πρόβλημα (μαλλον) είδάλως να καταφύγεις σε javascript όπου δυναμικά να αλλάζεις το height του .pre-scrollable με την τιμή το #main

Άβαταρ μέλους
dionisis71
Δημοσιεύσεις: 237
Εγγραφή: 04 Μάιος 2009 22:15
Επικοινωνία:

bootstrap expand #left div 100% height

Δημοσίευση από dionisis71 » 18 Φεβ 2017 10:11

ναι έχεις δίκιο, βγάζοντας την .pre-scrollable και προσθέτοντας body,html{height:100%;} το πρόβλημα λύθηκε.

ευχαριστώ πολύ!

Απάντηση

Επιστροφή στο “CSS - Cascading Style Sheets”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες