Μπαρα με div

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

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

Απάντηση
Άβαταρ μέλους
grigorakis4
Δημοσιεύσεις: 126
Εγγραφή: 16 Οκτ 2012 14:15
Τοποθεσία: ATHENS
Επικοινωνία:

Μπαρα με div

Δημοσίευση από grigorakis4 » 16 Ιούλ 2013 15:24

γεια σας παιδιά, σχεδιάζω μια ιστοσελίδα και θέλω να βάλω μια μπάρα όπου μέσα να έχω 2 div ένα αριστερά με το Logo και ένα δεξιά με ένα κείμενο, το σχεδίασα και όλα καλά αλλά όταν μπαίνω από κινητό ή μικραίνω το παράθυρο στο brower χάνονται οι θέσεις των div και πάει το ένα κάτω από το άλλο και εγώ το θέλω σταθερό και κεντραρισμένο πάνω από το κυρίως body.

Καμιά ιδέα κανείς;;


<div id="bar">
<div id="logo">
<a href="#"><img title="Αρχική" src="../img/logo.png" alt="logo"></a>
</div><!--logo-->
<div id="text">
<h1>Το κείμενο μου!</h1>
</div><!--text-->
</div><!--bar-->


#bar {
width: 100%;
height: 100%;
background-color: #000;
overflow: hidden;
position: relative;
box-shadow: 0 0 4px rgba(0,0,0,0.8);
margin: 0 auto;
}


#logo {
float: left;
margin: 3px 0px 0px 140px;
}


#text {
float: left;
margin: 53px 0px 0px 0px;
}
Εικόνα

Άβαταρ μέλους
Sermac
Δημοσιεύσεις: 363
Εγγραφή: 26 Σεπ 2007 21:08

Μπαρα με div

Δημοσίευση από Sermac » 16 Ιούλ 2013 22:37

Δώσε min-width στο #bar ή όπου χρειάζεται.
Εικόνα

Απάντηση

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

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

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