fixed inner div size

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

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

Απάντηση
bobolak
Δημοσιεύσεις: 4
Εγγραφή: 21 Μάιος 2014 10:27

fixed inner div size

Δημοσίευση από bobolak » 04 Ιούλ 2014 10:27

Καλη σας μερα.

θελω να σχεδιασω μια ιστοσελιδα με ενα inner div που θα κραταει μια εικονα.
το inner div θελω να εχει σταθερο padding/margin (δεν ξερω τι βολευει) ωστε σε μεγαλυτερες ή μικροτερες οθονες να αλλαζει μονο το μεγεθος του(αρα και της εικονας) με βαση το υψος/πλατοσ της οθονης.

στο test.jpg εχω ενα παραδειγμα

αλλαξα το αρχειο...το κοκκινο div θελω να εχει το σταθερο margin συμφωνα με την αναλυση της οθονης (π.χ 100px)

καθε βοηθεια δεκτη

Ευχαριστω εκ των προτερων,
Φιλικα,
Σπυρος
Συνημμένα
test2.jpg
(12.85 KiB) Μεταφορτώθηκε 76 φορές

alou
Script Master
Δημοσιεύσεις: 1374
Εγγραφή: 24 Αύγ 2007 19:52
Επικοινωνία:

fixed inner div size

Δημοσίευση από alou » 04 Ιούλ 2014 13:09

Αν θες να έχει margin σε pixel και πλάτος σε %, θές javascript. Αν θες πλάτος και margin σε ποσοστά, γίνεται με css και απλά ορίζεις πλάτος και margin σε % (και πιθανώς max-width 100% στις εικόνες που περιλαμβάνει). Σε ενδιαφέρει μόνο το συγκεκριμένο div? έχεις κάνει κάτι μέχρι τώρα?

bobolak
Δημοσιεύσεις: 4
Εγγραφή: 21 Μάιος 2014 10:27

fixed inner div size

Δημοσίευση από bobolak » 07 Ιούλ 2014 10:29

Καλημερα...

Εκανα ενα δοκιμαστικο με 4 media queries αλλα και παλι δεν πιστευω οτι ειναι η πιο σωστη λυση διοτι θα χρειαστουν αλλα τοσα.
Οσο δοκιμασα με ποσοστα παντα υπηρχε θεμα σε καποιες οθονες
Σε ποιο κομματι του css λες να δοκιμασω με ποσοστα και σε ποια ιδιοτητα
(innerdiv,body,stin fotografia - margin,padding,width,height etc)

Και παλι ευχαριστω

Απάντηση

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

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

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