ύψος - DIV

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

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

Απάντηση
ertert
Δημοσιεύσεις: 195
Εγγραφή: 21 Αύγ 2004 16:30

ύψος - DIV

Δημοσίευση από ertert » 27 Απρ 2009 19:49

Καλησπέρα…

Σε ένα σημείο της σελίδας εμφανίζετε ένα κείμενο (άγνωστο το μέγεθος)
και επίσης και ίσως μπαίνει και φωτογραφία (άγνωστο το μέγεθος).

Σε μερικές περιπτώσεις το κείμενο είναι μικρότερο από την φωτογραφία.

Όταν το έχω σε TABLE όλα καλά, παίρνει το συνολικό ύψος…
Με DIV, παίρνει το ύψος του κειμένου…

Ο μόνος τρόπος που βρήκα να το διορθώσω είναι να βάλω
display: table; (δουλεύει μόνο σε Firefox και Chrome)
και
height: 100%; ή min-height: 100%; (δουλεύει μόνο σε ΙΕ6 και ΙΕ7)

Μήπως έχετε κάποια άλλη ιδέα πως μπορώ να το φτιάξω ;;

Σας ευχαριστώ…

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http&#58;//www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-7">
<style type="text/css">
.unnamed1 &#123;
	background-color&#58; #999999;
&#125;

.text_box &#123;
  padding&#58; 0px;
  margin&#58; 5px;
  display&#58; table;
  height&#58; 100%;
&#125;
</style>
</head>
<body>
<div class="unnamed1">TABLE TABLE TABLE</div>
                <table border="0" cellspacing="5" cellpadding="5">
                    <tr>
                        <td><img src="../images/banner.gif" width="90" height="170" border="1" align="right">Είναι απόλυτα βέβαιο ότι η παρουσία των επισκεπτών θα οδηγήσει σταδιακά και με γοργό ρυθμό στην τουριστική ανάπτυξη της ευρύτερης περιοχής και στην απασχόληση. </td>
                    </tr>
                </table>
<div class="unnamed1">TABLE TABLE TABLE</div>
<hr>
<div class="unnamed1">DIV DIV DIV</div>
<div class="text_box"><img src="../images/banner.gif" width="90" height="170" border="1" align="right">Είναι απόλυτα βέβαιο ότι η παρουσία των επισκεπτών θα οδηγήσει σταδιακά και με γοργό ρυθμό στην τουριστική ανάπτυξη της ευρύτερης περιοχής και στην απασχόληση. </div>
<div class="unnamed1">DIV DIV DIV</div>
</body>
</html>

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

ύψος - DIV

Δημοσίευση από Sermac » 27 Απρ 2009 21:33

Δώσε μετά το

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

<div class="text_box">...</div>
ένα

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

<div style="clear&#58;both;">&nbsp;</div>
και καθάρισες. Δεν χρειάζεται ούτε display:table ούτε height:100%.
Εικόνα

ertert
Δημοσιεύσεις: 195
Εγγραφή: 21 Αύγ 2004 16:30

ύψος - DIV

Δημοσίευση από ertert » 27 Απρ 2009 22:27

&#8230;σε ευχαριστώ

Απάντηση

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

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

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