header και footer μεγαλυτερα απο wrapper

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

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

Απάντηση
Άβαταρ μέλους
zekia
Δημοσιεύσεις: 146
Εγγραφή: 04 Μάιος 2004 16:38
Τοποθεσία: thessaloniki

header και footer μεγαλυτερα απο wrapper

Δημοσίευση από zekia » 26 Μαρ 2009 12:49

Γεια σας,
στο template μου υπάρχει ένα wrapper για ολα τα περιεχόμενα των σελίδων με πλάτος 950px κεντραρισμένο στο κέντρο της οθόνης. Στο background υπάρχει μια εικόνα που επαναλαμβάνεται οριζοντίως.
Το header και το footer της σελίδας όμως είναι μεγαλύτερα σε πλάτος, πρέπει και αυτά να είναι στοιχισμένα στο κέντρο της σελίδας αλλά να γίνονται ορατά ολόκληρα μόνο όσο το επιτρέπει η ανάλυση του χρήστη. Δηλαδή σε μικρές αναλύσεις να φαίνεται μόνο το κομμάτι τους που είναι ίσο με το wrapper αλλά σε μεγαλύτερες να φαίνονται ολόκληρα.


Πως μπορώ να το πετύχω αυτό χωρίς να εμφανίζονται scroll οριζοντίως; Παραθέτω και μια αναπαράσταση του τι θέλω να πετύχω για να καταλάβετε καλύτερα. Το μαύρο μέρος είναι το wrapper.
Συνημμένα
Untitled-1.jpg
sxedio

Άβαταρ μέλους
EkLekTos
WebDev Moderator
Δημοσιεύσεις: 7421
Εγγραφή: 07 Απρ 2005 15:44
Τοποθεσία: Inside the Effects
Επικοινωνία:

header και footer μεγαλυτερα απο wrapper

Δημοσίευση από EkLekTos » 26 Μαρ 2009 13:01

Γιατί δεν κάνεις κάτι άλλο...
Κάνε το wrapper πχ 920 και header-footer 950px έτσι ώστε να μην σου βγάζει πρόβλημα. Είναι λίγο μπακαλίστικος τρόπος αλλά μπορεί να σε βοηθήσει.
* Apple Technical Support Specialist *
* Apple Sales & Product Professional Certificate since 2011 * Εικόνα
Follow me @Twitter

Άβαταρ μέλους
zekia
Δημοσιεύσεις: 146
Εγγραφή: 04 Μάιος 2004 16:38
Τοποθεσία: thessaloniki

header και footer μεγαλυτερα απο wrapper

Δημοσίευση από zekia » 26 Μαρ 2009 13:03

δε γίνεται να το κάνω αυτό δυστυχώς, πρέπει να γίνει έτσι. Με τα header και footer να έχουν πλάτος 1200 px περίπου

Άβαταρ μέλους
EkLekTos
WebDev Moderator
Δημοσιεύσεις: 7421
Εγγραφή: 07 Απρ 2005 15:44
Τοποθεσία: Inside the Effects
Επικοινωνία:

header και footer μεγαλυτερα απο wrapper

Δημοσίευση από EkLekTos » 26 Μαρ 2009 13:10

zekia έγραψε:Με τα header και footer να έχουν πλάτος 1200 px περίπου
πολύ μεγάλο δεν είναι 1200; Ένας άλλος τρόπος είναι να έχεις footer και header στατικά και στο scroll down να κουνιέται το wrap.
* Apple Technical Support Specialist *
* Apple Sales & Product Professional Certificate since 2011 * Εικόνα
Follow me @Twitter

Άβαταρ μέλους
zekia
Δημοσιεύσεις: 146
Εγγραφή: 04 Μάιος 2004 16:38
Τοποθεσία: thessaloniki

header και footer μεγαλυτερα απο wrapper

Δημοσίευση από zekia » 26 Μαρ 2009 13:20

δηλαδή αυτό που θέλω να πετύχω δεν είναι εφικτό;

Άβαταρ μέλους
EkLekTos
WebDev Moderator
Δημοσιεύσεις: 7421
Εγγραφή: 07 Απρ 2005 15:44
Τοποθεσία: Inside the Effects
Επικοινωνία:

header και footer μεγαλυτερα απο wrapper

Δημοσίευση από EkLekTos » 26 Μαρ 2009 13:26

Εγώ δεν γνωρίζω κάποιο άλλο τρόπο με τόσο μεγάλο header-footer.
Σε αυτό που σου έλεγα πάντως κοίτα εδώ.
* Apple Technical Support Specialist *
* Apple Sales & Product Professional Certificate since 2011 * Εικόνα
Follow me @Twitter

Απάντηση

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

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

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