3 Divs και auto height Πρόβλημα προς επίλυση

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

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

Απάντηση
Άβαταρ μέλους
Andreas_O
Honorary Member
Δημοσιεύσεις: 1621
Εγγραφή: 14 Σεπ 2007 17:22
Τοποθεσία: Aθήνα
Επικοινωνία:

3 Divs και auto height Πρόβλημα προς επίλυση

Δημοσίευση από Andreas_O » 16 Απρ 2009 00:21

Καλησπέρα.

Έχω το εξής πρόβλημα με το site.
Έχω ένα div το οποίο είναι auto height.

Αυτό περιέχει μέσα δύο divs τα οποία είναι σύνολο γύρω στα 500px, τα οποία είναι float:left και ένα που είναι "liquid" και κατεβαίνει όσο κατεβαίνει το περιεχόμενο. Αυτό είναι float right.

Τα δύο divs που λέω έχουν menus ενώ το ένα το float:right είναι κείμενο.

Το πρόβλημά μου είναι ότι επειδή τα δύο divs είναι μικρότερα από το κείμενο (το κείμενο είναι auto πχ. μπορεί να φτάσει και τα 900πχ.), το κείμενο πάει και συμπληρώνει κάτω από τα δύο divs που είναι μικρότερα. (Δείτε και στην εικόνα το κυκλάκι)

Θα ήθελα το ένα εκ των δύο divs να κατεβαίνει όσο κατεβαίνει και το κείμενο έτσι ώστε να μην μπορεί το κείμενο να συμπληρώσει από κάτω.

Ευχαριστώ.
Συνημμένα
screenshot copy.jpg
;]

Άβαταρ μέλους
Sermac
Δημοσιεύσεις: 363
Εγγραφή: 26 Σεπ 2007 21:08

3 Divs και auto height Πρόβλημα προς επίλυση

Δημοσίευση από Sermac » 16 Απρ 2009 17:14

Δώσε κώδικα αν μπορείς για να καταλάβουμε. :-?
Εικόνα

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

3 Divs και auto height Πρόβλημα προς επίλυση

Δημοσίευση από sibas » 16 Απρ 2009 17:32

τι θα γίνει αν βάλεις στο float:right
margin ή padding left το width του menu?

Άβαταρ μέλους
Sermac
Δημοσιεύσεις: 363
Εγγραφή: 26 Σεπ 2007 21:08

3 Divs και auto height Πρόβλημα προς επίλυση

Δημοσίευση από Sermac » 16 Απρ 2009 18:05

Τι σημαίνει "το κείμενο είναι auto"; Ή πόσο είναι το "γύρω στα 500px"; 450 ας πούμε; 600; Μήπως το βλέπει 500 στη δική του ανάλυση;

Όταν απευθύνεσαι σε κάποιον πρέπει να μιλάς σε μια κοινή γλώσσα. Γι' αυτό ζήτησα κώδικα.
Εικόνα

Άβαταρ μέλους
fusion
Δημοσιεύσεις: 146
Εγγραφή: 23 Αύγ 2008 21:34
Τοποθεσία: Λάρισα
Επικοινωνία:

3 Divs και auto height Πρόβλημα προς επίλυση

Δημοσίευση από fusion » 21 Απρ 2009 21:22

Δοκίμασε να βάλεις margin-left: 500px; στο δεξί div.

Απάντηση

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

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

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