Footer line always at bottom

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

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

Απάντηση
Άβαταρ μέλους
Basilakis
PHP Moderator
Δημοσιεύσεις: 8574
Εγγραφή: 17 Νοέμ 2003 13:03
Τοποθεσία: Womans' Brain
Επικοινωνία:

Footer line always at bottom

Δημοσίευση από Basilakis » 07 Απρ 2011 15:06

Θέλω να κάνω κάποια css lines να είναι μονίμως στο τέλος της οθόνης, αλλά και να δουλεύει σε όλους τους Browsers... Υπάρχει κάποια λύση "συμβατή;"

Άβαταρ μέλους
kostasxx
Δημοσιεύσεις: 56
Εγγραφή: 08 Δεκ 2010 21:56
Τοποθεσία: Αθήνα
Επικοινωνία:

Footer line always at bottom

Δημοσίευση από kostasxx » 07 Απρ 2011 15:33

Δες μήπως σε βολέψει αυτό CSS Sticky footer
Τελευταία επεξεργασία από το μέλος kostasxx την 07 Απρ 2011 16:04, έχει επεξεργασθεί 1 φορά συνολικά.
Αν δε κοιτάς εκέι που θες να πας... Θα πας εκεί που κοιτάς. Όταν μου το έλεγαν εγώ κοίταγα το ντουβάρι.
Web Design
http://www.stockatzidiko.gr / http://www.islandzakynthos.com/bookit

Άβαταρ μέλους
korgr
Honorary Member
Δημοσιεύσεις: 5067
Εγγραφή: 07 Οκτ 2008 18:30
Τοποθεσία: Corinth
Επικοινωνία:

Footer line always at bottom

Δημοσίευση από korgr » 07 Απρ 2011 16:00

Όλα αυτά στηρίζονται στον συμβιβασμό του να ορίσεις ρητά σε px το ύψος του footer και να δώσεις στο container αρνητικό margin-bottom όσο το ύψος του footer.

pimpogio
Δημοσιεύσεις: 1080
Εγγραφή: 28 Δεκ 2010 14:08

Footer line always at bottom

Δημοσίευση από pimpogio » 09 Απρ 2011 08:50

εμενα μου αρεσει ακομα και με σταθερο footer αυτο αλλα το θελω χωρις container... γινετε ?
εχω ενα τετοιο layout
<div header>
<div content>
<div footer>

Άβαταρ μέλους
korgr
Honorary Member
Δημοσιεύσεις: 5067
Εγγραφή: 07 Οκτ 2008 18:30
Τοποθεσία: Corinth
Επικοινωνία:

Footer line always at bottom

Δημοσίευση από korgr » 09 Απρ 2011 11:07

pimpogio έγραψε:εμενα μου αρεσει ακομα και με σταθερο footer αυτο αλλα το θελω χωρις container... γινετε ?
εχω ενα τετοιο layout
<div header>
<div content>
<div footer>
Γιατί σε ενοχλεί να βάλεις τα δύο πρώτα div σου μέσα στο wrapper?

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

* &#123;
	margin&#58; 0;
&#125;
html, body &#123;
	height&#58; 100%;
&#125;
.wrapper &#123;
	min-height&#58; 100%;
	height&#58; auto !important;
	height&#58; 100%;
	margin&#58; 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
&#125;
.footer, .push &#123;
	height&#58; 142px; /* .push must be the same height as .footer */
&#125;

/*

Sticky Footer by Ryan Fait
http&#58;//ryanfait.com/

*/

pimpogio
Δημοσιεύσεις: 1080
Εγγραφή: 28 Δεκ 2010 14:08

Footer line always at bottom

Δημοσίευση από pimpogio » 10 Απρ 2011 02:29

δεν ξερω css δεν πρεπει να εχεις για styling μονο?

δηλαδη αν βαζεις wrappers δεν ειναι σαν να βαζεις
html για το styling?

Άβαταρ μέλους
korgr
Honorary Member
Δημοσιεύσεις: 5067
Εγγραφή: 07 Οκτ 2008 18:30
Τοποθεσία: Corinth
Επικοινωνία:

Footer line always at bottom

Δημοσίευση από korgr » 10 Απρ 2011 10:16

Όχι
Το wrapper είναι markup (html).
πχ

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

<div id="wrapper">
περιεχόμενα...
</div>
Με css απλά ορίζεις την εμφάνιση του wrapper:

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

#wrapper&#123;
...
&#125;

Απάντηση

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

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

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