Δύο divs ένα με μεταβλητο μέγεθος και το άλλο με σταθερό

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

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

Απάντηση
Fanis2016
Δημοσιεύσεις: 3
Εγγραφή: 30 Αύγ 2016 13:55

Δύο divs ένα με μεταβλητο μέγεθος και το άλλο με σταθερό

Δημοσίευση από Fanis2016 » 02 Σεπ 2016 16:53

Προσπαθώ να φτιάξω δύο divs το ένα να έχει μεταβλητό μέγεθος και το άλλο να έχει σταθερό μέγεθος. Το μεταβλητού μεγέθους div θα περιέχει μια εικόνα ενώ το σταθερό μεγέθους div θα περιέχει μόνο κείμενο. Δείτε παρακάτω τον κώδικα στο codepen :

http://codepen.io/pdri37/pen/xExWQj

Το πρόβλημα είναι ότι καθώς μικραίνουν οι διαστάσεις του browser, όπως μπορείτε να δείτε και εσείς, το μεταβλητό div με την εικόνα έχει ένα πρόβλημα, η εικόνα δεν εφαρμόζει πληρως στις διαστάσεις του div καθώς μικραίνει.

Αυτό πως μπορούμε να το διορθώσουμε έτσι ώστε να γεμίζει όμορφα το div με την εικόνα και να τα δύο div να έχουν το ίδιο ύψος height (αλλά άλλο width) ;;;
Συνημμένα
fs-image.JPG
Αυτό που θέλω να πετύχω

Απάντηση

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

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

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