Φλόιντ
Πρωτότυπη αφίσα- 7 Απριλίου 2005
- Μοντερέι Μεξικό
- 27 Μαρτίου 2006
Έχω δύο div. Το ένα έχει σταθερό ύψος και θέλω το άλλο να γεμίσει τον υπόλοιπο κατακόρυφο χώρο στο παράθυρο. Εάν ρυθμίσω το ύψος της τελευταίας div στο 100%, θα έχει το ίδιο ύψος με το παράθυρο, αλλά θέλω να είναι το ύψος του παραθύρου μείον το ύψος της πρώτης div.
Αυτός είναι ο κώδικας που χρησιμοποιώ:
Κωδικός: |_+_|
Συμπεριέλαβα και μερικές εικόνες που δείχνουν τι θέλω να κάνω και τι έχω καταφέρει να κάνω μέχρι τώρα. Ευχαριστώ εκ των προτέρων
Συνημμένα
Ν
NoNameBrand
- 17 Νοεμβρίου 2005
- Χάλιφαξ, Καναδάς
- 27 Μαρτίου 2006
Διαφορετικά, δεν μπορώ να σκεφτώ τρόπο που θα πάρεις αυτό που θέλεις.
Stevep
- 13 Οκτωβρίου 2004
- Ηνωμένο Βασίλειο
- 27 Μαρτίου 2006
Προσπαθήστε:
Εγγραφο χωρίς τίτλο
προς το
σι
ντο
ρε
Και
ps Έκανα απάτη κάνοντας το στο DW, προσθέτοντας κάποιο περιεχόμενο στο δεύτερο επίπεδο και, στη συνέχεια, ασχολήθηκα με τον κώδικα - Η DW θέλει τα πράγματα να έχουν κάποια γέμιση γύρω από τις άκρες και παρόλο που μπορείτε να καθορίσετε στα παράθυρα διαλόγου ότι θέλετε ένα επίπεδο ξεκινήστε από 0 px από την επάνω γωνία, πρέπει να το πείτε δύο φορές, χρησιμοποιώντας την Προβολή κώδικα. Έπρεπε πάντως.
Φλόιντ
Πρωτότυπη αφίσα- 7 Απριλίου 2005
- Μοντερέι Μεξικό
- 27 Μαρτίου 2006
NoNameBrand είπε: Γιατί να μην φωλιάσει το 1ο μέσα στο 2ο;
Διαφορετικά, δεν μπορώ να σκεφτώ τρόπο που θα πάρεις αυτό που θέλεις.
Ευχαριστώ, αυτό λειτουργεί οπτικά, αλλά το δεύτερο div θα είναι ένα κοντέινερ για αυτήν τη διάταξη , επομένως χρειάζομαι ακόμα να έχει τις κατάλληλες διαστάσεις, ώστε το περιεχόμενό του να μπορεί να τις κληρονομήσει.
Μήπως λοιπόν απλά δεν είναι δυνατόν; Ίσως χρειαστεί να χρησιμοποιήσω λίγη javascript για να λειτουργήσει;
stevep είπε: Δοκιμάστε:Ευχαριστώ, αλλά δεν μπόρεσα να το κάνω να λειτουργήσει, ποιο πρόγραμμα περιήγησης χρησιμοποιήσατε;
Φλόιντ
Πρωτότυπη αφίσα- 7 Απριλίου 2005
- Μοντερέι Μεξικό
- 27 Μαρτίου 2006
Εντάξει, εδώ είναι μια φωτογραφία του απώτερου στόχου μου. Μέχρι στιγμής το έκανα σταδιακά, οπότε ίσως το πρόβλημα είναι η αρχική μου προσέγγιση. Λοιπόν, πώς θα το προσεγγίζατε αυτό (απλώς χρειάζομαι ιδέες); Θα χρησιμοποιούσατε καθαρό css ή θα ενδίδατε σε τραπέζια ή πλαίσια;
Συνημμένα
Stevep
- 13 Οκτωβρίου 2004
- Ηνωμένο Βασίλειο
- 27 Μαρτίου 2006
Το κομμάτι με το οποίο πρέπει να παίξετε είναι το εξής:
#Επίπεδο 1 {
θέση:απόλυτη;
αριστερά:0px;
top:0px;
πλάτος:100%;
ύψος: 180 px;
z-index: 1;
χρώμα φόντου: #99CCFF;
}
Σχεδιάστε τη σελίδα σας σε ένα κομμάτι χαρτί, ώστε να έχετε τις σωστές θέσεις και αυτό θα σας δώσει τη θέση της επάνω γωνίας LH κάθε στρώσης. Το ύψος του στρώματος 1 θα καθορίσει τη θέση έναρξης του στρώματος 2 - σε αυτήν την περίπτωση το στρώμα 2 πρέπει να έχει αtop:180px;γραμμή κώδικα.
Εάν θέλετε τα 3 επίπεδα όπως εμφανίζονται στην τελευταία σας ανάρτηση, τότε το πιο αριστερό επίπεδο θα είναι:
#Επίπεδο 1 {
θέση:απόλυτη;
αριστερά:0px;
top:0px;
πλάτος: 200 px;
ύψος:100%;
z-index: 1;
χρώμα φόντου: #336699;
}
και το επάνω στρώμα RH θα είναι:
#Επίπεδο 1 {
θέση:απόλυτη;
αριστερά:200px;
top:0px;
πλάτος:100%;
ύψος: 180 px;
z-index: 2;
χρώμα φόντου: #33CCFF;
}
και το 3ο στρώμα για να γεμίσει το υπόλοιπο του παραθύρου (όπως και αν αλλάξει το μέγεθός του) θα πρέπει να είναι κάτι σαν:
#Επίπεδο 1 {
θέση:απόλυτη;
αριστερά:200px;
top:180px;
πλάτος:100%;
ύψος:100%;
z-index: 3;
χρώμα φόντου: #99CCFF;
}
Είναι καλύτερο να βάλετε κάποιο εικονικό περιεχόμενο σε κάθε επίπεδο εάν χρησιμοποιείτε το Dreamweaver, σε περίπτωση που το επίπεδο συρρικνωθεί σε τίποτα στην προβολή σελίδας, εξ ου και το «a,b,c κ.λπ.» στην αρχική html παραπάνω.
Υ.Γ. Δεν είμαι ειδικός, μπορεί να κάνω λάθος αλλά ελπίζω να βοηθήσει. Αυτό που μπορώ να πω είναι ότι το πρώτο μου κομμάτι κώδικα φαίνεται να λειτουργεί. Προσωπικά δεν θα έβαζα στρώματα αν μπορούσα να βοηθήσω λίγο, αλλά είμαι μόνο εγώ - κάνω μόνο απλά. Ν
NoNameBrand
- 17 Νοεμβρίου 2005
- Χάλιφαξ, Καναδάς
- 27 Μαρτίου 2006
Να τι θα έκανα:
Κώδικας:
foo πιστεύεις!
-
- 14 Ιουνίου 2003
-
-
- MD / VA / DC
- 27 Μαρτίου 2006
Deconcept...
Ρίξτε μια ματιά στο FlashObject και στη λήψη υπάρχει κώδικας για να κάνετε ένα div σε πλήρη οθόνη.. ίσως μπορεί να προσαρμοστεί όπως θέλετε.
http://blog.deconcept.com/flashobject/ Φλόιντ
Πρωτότυπη αφίσα -
- 7 Απριλίου 2005
-
-
- Μοντερέι Μεξικό
- 28 Μαρτίου 2006
Ευχαριστώ για όλη τη βοήθεια παιδιά, αλλά μόλις συνειδητοποίησα ότι η ακριβής διάταξη που θέλω είναι αδύνατο να επιτευχθεί με έναν συνδυασμό σταθερών πλάτη/ύψους και ποσοστών. Το ξαναέγραψα χρησιμοποιώντας μόνο ποσοστά και τώρα λειτουργεί . Εάν ενδιαφέρεστε για τη σήμανση, ενημερώστε με και θα το δημοσιεύσω. Stevep
-
- 13 Οκτωβρίου 2004
-
-
- Ηνωμένο Βασίλειο
- 28 Μαρτίου 2006
floyde είπε: Εάν ενδιαφέρεστε για τη σήμανση, ενημερώστε με και θα το δημοσιεύσω.
Θα ήθελα να ρίξω μια ματιά αν έχετε τον χρόνο να δημοσιεύσετε ξανά.
NoNameBrand είπε: Τι είναι αυτό το υλικό «στρώσεων»; είναι αυτό το Dreamweaver για το «break stuff πραγματικά καλό»;
Λοιπόν, δεν ξέρω για το 'σπαζοκεφαλιά', αλλά υποθέτω ότι υποθέσατε ότι δεν είμαι μέλος του CSS - τα επίπεδα είναι ένα βολικό όνομα που δίνει η DW σε πράγματα που νομίζω ότι πρέπει να ονομάζονται 'στοιχεία με θέση CSS' - και Νομίζω ότι τους λένε έτσι για να κάνουν τους ανθρώπους σαν εμένα από φόντο DTP / Photoshop να αισθάνονται λίγο πιο άνετα. Κοιτάζοντας τον κωδικό που έχετε συμπεριλάβει στην ανάρτησή σας NoNameBrand είναι πολύ πιο κομψός από τον δικό μου - θα πρέπει να έχω μια μαχαιριά για να βάλω το κεφάλι μου γύρω από την ετικέτα div. Ευχαριστώ για το OP και τις απαντήσεις. Ν NoNameBrand
-
- 17 Νοεμβρίου 2005
-
-
- Χάλιφαξ, Καναδάς
- 28 Μαρτίου 2006
stevep είπε: Λοιπόν, δεν ξέρω για το 'σπάσιμο', αλλά υποθέτω ότι υποθέσατε ότι δεν είμαι μέλος του CSS - τα επίπεδα είναι ένα βολικό όνομα που δίνει η DW σε πράγματα που νομίζω ότι πρέπει να ονομάζονται 'στοιχεία με θέση CSS' '
Είχαν επίσης στοίβαξη ευρετηρίων z - που τοποθετούν τα πράγματα μπροστά με πίσω σε μια σελίδα. Έχω δει επίπεδα DW στο παρελθόν που έσπασαν εντελώς έναν ιστότοπο, αλλά κατά τα άλλα δεν είχα μεγάλη έκθεση σε αυτά (αυτό ήταν αρκετό, πραγματικά).
Θα πρέπει να έχω μια μαχαιριά για να βάλω το κεφάλι μου γύρω από την ετικέτα div.
Το Α είναι απλώς ένα αυθαίρετο μπλοκ - δεν σημαίνει τίποτα σημασιολογικά, όπως το ακάνει (μια παράγραφος κειμένου). ΕΝΑείναι η ίδια ιδέα, αλλά για ενσωματωμένα πράγματα (όπως α ετικέτα, αλλά και πάλι, σημασιολογικά δωρεάν).
Το πιο εύκολο πράγμα που μπορείτε να κάνετε για να μάθετε αυτά τα πράγματα είναι να σταματήσετε να χρησιμοποιείτε το Dreamweaver. Σχεδιάζω τους ιστότοπούς μου στο Photoshop και, στη συνέχεια, αποθηκεύω τα γραφικά στοιχεία που θέλω, μαζί με σημειώσεις των χρωματικών κωδίκων και μερικές πρόχειρες μετρήσεις pixel για σκοπούς ευθυγράμμισης, και στη συνέχεια κωδικοποιώ τον ιστότοπο σε TextWrangler ή VIM. Φλόιντ
Πρωτότυπη αφίσα -
- 7 Απριλίου 2005
-
-
- Μοντερέι Μεξικό
- 28 Μαρτίου 2006
stevep είπε: Θα ήθελα να ρίξω μια ματιά αν έχετε τον χρόνο να δημοσιεύσετε ξανά.
Εδώ είναι, υπάρχει λίγο ισπανικό εκεί μέσα, ελπίζω να μην είναι πολύ μπερδεμένο:
Κώδικας:Grand Scheme html { ύψος: 100%; } body { περιθώριο: 0; γέμιση: 0; ύψος: 100%; πλάτος: 100%; } #left, #right { float: αριστερά; } #left { ύψος:100%; Χρώμα φόντου: πορτοκαλί; πλάτος: 10%; } #right { ύψος: 100%; θέση:συγγενής; πλάτος: 90%; } #top { background-color: blue; ύψος: 10%; } #fotos { θέση: σχετική; ύψος: 90%; } #foto_sup_izq, #foto_sup_der, #foto_inf_izq, #foto_inf_der { ύψος: 50%; πλάτος: 50%; υπερχείλιση: αυτόματη; θέση: απόλυτη; } #foto_sup_izq, #foto_sup_der { top: 0; } #foto_sup_der, #foto_inf_der { αριστερά: 50%; } #foto_inf_izq, #foto_inf_der { top: 50%; } 
Συνημμένα
Δημοφιλείς Αναρτήσεις