divs και height

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

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

Απάντηση
Άβαταρ μέλους
xmavidis
Honorary Member
Δημοσιεύσεις: 1217
Εγγραφή: 02 Δεκ 2003 19:59
Τοποθεσία: Ηράκλειο

divs και height

Δημοσίευση από xmavidis » 29 Απρ 2005 15:36

Έχω μια σελίδα φτιαγμένη με divs και css.
Υπάρχουν τα divs:
Wrap --> το βασικό div
menu --> το div του menu
content --> το div του περιεχομένου
footer --> το div του footer.
και το αρχείο style.css ώστε να τα ελέγχω

Μέσα στο content βάζω κείμενο το οποίο όμως είναι πολύ μεγάλο κι έτσι βγαίνει έξω από το wrap ακόμη. Τι μπορώ να κάνω ώστε να μεγαλώνει και το wrap καθώς μεγαλώνει το content;
I want to know God’s thoughts; the rest are details.
Albert Einstein

Άβαταρ μέλους
3dotsgr
Δημοσιεύσεις: 106
Εγγραφή: 20 Ιαν 2005 19:12
Τοποθεσία: Κομοτηνή
Επικοινωνία:

divs και height

Δημοσίευση από 3dotsgr » 29 Απρ 2005 16:12

μήπως θα μπορούσες να παραθέσεις τί έχεις βάλει για wrap και content? :)
You take the blue pill and the story ends. You wake in your bed and believe whatever you want to believe. You take the red pill and you stay in Wonderland and I show you how deep the rabbit-hole goes. Remember.. all I am offering is the truth, nothing more.

Άβαταρ μέλους
xmavidis
Honorary Member
Δημοσιεύσεις: 1217
Εγγραφή: 02 Δεκ 2003 19:59
Τοποθεσία: Ηράκλειο

divs και height

Δημοσίευση από xmavidis » 29 Απρ 2005 18:24

I want to know God’s thoughts; the rest are details.
Albert Einstein

Άβαταρ μέλους
xmavidis
Honorary Member
Δημοσιεύσεις: 1217
Εγγραφή: 02 Δεκ 2003 19:59
Τοποθεσία: Ηράκλειο

divs και height

Δημοσίευση από xmavidis » 30 Απρ 2005 16:29

Κάποιος να βοηθήσει;
I want to know God’s thoughts; the rest are details.
Albert Einstein

Fouli_B
Δημοσιεύσεις: 271
Εγγραφή: 10 Ιαν 2004 12:23
Τοποθεσία: θεσσαλονίκη
Επικοινωνία:

divs και height

Δημοσίευση από Fouli_B » 30 Απρ 2005 19:43

εγώ με ie βλέπω ένα div με τα διαφημιστικά σου μέσα στη μέση της σελίδας πάνω από το κείμενο. πρόσεξε τα position σου.

όσο για αυτό που ρωτάς δε γίνεται να μεγαλώνει το div ανάλογα με το κείμενο. θα δώσεις τις διαστάσεις που θέλεις πχ στο #content και για το κείμενο θα φτιάξεις το
#content p{font:"Lucida Grande", ....font-weight: bold;..}και θα δίνεις το margin και το padding, εκτός αν φτιάξεις class για τα κείμενα.
ελπίζω να βοήθησα κάπως.

Άβαταρ μέλους
agrippas
Script Master
Δημοσιεύσεις: 494
Εγγραφή: 18 Ιούλ 2002 14:52
Τοποθεσία: Υπερπέραν
Επικοινωνία:

divs και height

Δημοσίευση από agrippas » 30 Απρ 2005 19:56

Έχεις ορίσει absolute position για κάθε κουτί, γι' αυτό βγαίνει έτσι.

Επίσης στο #wrap ορίζεις height [γιατί;] και ενώ είναι βαλμένο absolute, του δίνεις left: 90px για να πάει να κάτσει 90 pixels από την αριστερή άκρη της οθόνης. Το width του είναι 840 άρα 840+90 = 930 σύνολο (!) δηλ. βγάζει scrollbar στα 800x600.

Καλύτερα να ρίξεις μια ματιά εδώ: http://www.thenoodleincident.com/tutori ... boxes.html για να δεις πώς θα στοιχίσεις τα κουτιά σωστά.

Άβαταρ μέλους
xmavidis
Honorary Member
Δημοσιεύσεις: 1217
Εγγραφή: 02 Δεκ 2003 19:59
Τοποθεσία: Ηράκλειο

divs και height

Δημοσίευση από xmavidis » 30 Απρ 2005 22:44

πχ το #wrap να γίνει κάπως έτσι;

Κώδικας: Επιλογή όλων

#wrap {
	position:absolute;
	width: 840px;
	margin-left: 90px;
}
Αυτό που θέλω να κάνω είναι όταν μεγαλώνει το content να πηγαίνει πιο κάτω το footer ώστε να μη μπαίνει το ένα μέσα στο άλλο.
I want to know God’s thoughts; the rest are details.
Albert Einstein

Άβαταρ μέλους
skeftomilos
Script Master
Δημοσιεύσεις: 2888
Εγγραφή: 07 Ιαν 2005 07:22
Τοποθεσία: Αθήνα

divs και height

Δημοσίευση από skeftomilos » 01 Μάιος 2005 17:01

Από τη στιγμή που όρισες παντού position:absolute, ήταν σχεδόν σίγουρο ότι θα είχες προβλήματα επικαλυπτόμενων στοιχείων. Μία λύση είναι να καταργήσεις τον ανεξάρτητο footer και να το κάνεις τμήμα της κεντρικής κολόνας. Αν αυτό δεν είναι επιλογή, θα πρέπει να ψάξεις καλά τις διαθέσιμες τεχνικές για three column layouts με header και footer. Λύσεις υπάρχουν, αυτό είναι σίγουρο.

- Three column layouts
The pure and simple truth is rarely pure and never simple. Ο μη νους δε σκέπτεται μη σκέψεις για το τίποτα.

Άβαταρ μέλους
xmavidis
Honorary Member
Δημοσιεύσεις: 1217
Εγγραφή: 02 Δεκ 2003 19:59
Τοποθεσία: Ηράκλειο

divs και height

Δημοσίευση από xmavidis » 01 Μάιος 2005 19:11

Νομίζω ότι έγινε! :P
Αλλά θα ήθελα να μου πείτε αν βλέπετε κάποια άλλα προβλήματα και πιθενούς τρόπους να λύθούν.

Αν και στο dw γίνεται ένας πανικός :-?
http://www.myflorina.gr/test-php.gif

Τhanks! :D :pint:

Take a look:
http://www.myflorina.gr/new/2/test.php
I want to know God’s thoughts; the rest are details.
Albert Einstein


Άβαταρ μέλους
xmavidis
Honorary Member
Δημοσιεύσεις: 1217
Εγγραφή: 02 Δεκ 2003 19:59
Τοποθεσία: Ηράκλειο

divs και height

Δημοσίευση από xmavidis » 01 Μάιος 2005 21:18

Just testing! :wink:
I want to know God’s thoughts; the rest are details.
Albert Einstein

Άβαταρ μέλους
skeftomilos
Script Master
Δημοσιεύσεις: 2888
Εγγραφή: 07 Ιαν 2005 07:22
Τοποθεσία: Αθήνα

divs και height

Δημοσίευση από skeftomilos » 02 Μάιος 2005 19:43

Το μόνο αρνητικό που μπορώ να βρω στο design είναι ότι απαιτεί ανάλυση οθόνης 1024x768. Το 40% των ελλήνων χρηστών που έχουν οθόνη μικρότερης ανάλυσης (800x600) δε θα μείνουν και πολύ ευχαριστημένοι!
The pure and simple truth is rarely pure and never simple. Ο μη νους δε σκέπτεται μη σκέψεις για το τίποτα.

Απάντηση

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

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

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