Απορία σχετικά με height των divs γεμισμένα με mysql data

Από που να ξεκινήσω; Που θα βρω; κ.α. γενικές ερωτήσεις για την δημιουργία μιας ιστοσελίδας.

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

Απάντηση
g_p
Δημοσιεύσεις: 134
Εγγραφή: 28 Μάιος 2010 12:43

Απορία σχετικά με height των divs γεμισμένα με mysql data

Δημοσίευση από g_p » 25 Οκτ 2010 13:08

παιδια γεια σας,
έχω απορίες σχετικά με τα Heights των divs.
Ορίζω div με συγκεκριμένο width σε pixels (eg. 848px) αλλά δεν ορίζω το ύψος του.
(όπως στον κώδικα που έχω παρακάτω).
Όταν τρέχω τον κώδικα , το div είναι μια ευθεία κόκκινη γραμμή (αφού του έβαλα και border:1px solid red, για να το βλέπω) και μέσα του περικλειει άλλη μια μπλε γραμμή για το div με id="sidebar1".

(έβαλα και ένα script στο τέλος για να ξέρω τι μου γίνεται)

1. Γιατί συμβαίνει αυτό??εννοώ γιατί το height να πιάνει μόνο 4px??

2.Ρε παιδιά άμα στην τελική υλοποιησω το site με fixed layout, πρέπει να ορίσω εξαρχής και το height των content και sidebar1 με pixels??

3. Επίσης, το site είναι δυναμικό, το sidebar1 γεμίζει δεδομένα από τη βάση, τι γίνεται στην περίπτωση που τα δεδομένα δεν χωράνε στο sidebar1 το οποίο θα έχει οριστεί προηγουμένως???Μπορώ, ανάλογα με το μέγεθος των δεδομένων που τραβάω από την βάση να ορίζω και το height των content και sidebar1???


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

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Layout</title>

<style type="text/css">
#content&#123;

margin&#58;0 auto;
width&#58;848px;
border&#58;1px solid red;
&#125;

#sidebar1&#123;

	width&#58;195px;
	border&#58;1px solid blue;
	
&#125;
</style>
</head>

<body>

<div id="content">
	<div id="sidebar1">
	</div>
</div>

</body>

<script src="jquery.js"></script>
<script>
alert&#40;'Width &#58;'  + $&#40;"#content"&#41;.outerWidth&#40;&#41; + ' Height '  + $&#40;"#content"&#41;.outerHeight&#40;&#41;&#41;
</script>
</html>

ευχαριστώ

Άβαταρ μέλους
greekbytes
WebDev Moderator
Δημοσιεύσεις: 2438
Εγγραφή: 15 Νοέμ 2002 15:42
Τοποθεσία: Αθήνα
Επικοινωνία:

Απορία σχετικά με height των divs γεμισμένα με mysql data

Δημοσίευση από greekbytes » 25 Οκτ 2010 14:04

Δεν καταλαβαίνω την απορία σου.. Αφού σε κανένα από τα 2 div δεν έχεις περιεχόμενο είναι λογικό να έχει ύψος μόνο το πάχος των borders.

Χωρίς να έχεις ορίσει height, αν βάλεις περιεχόμενο θα "ανοίξει" το ύψος αντίστοιχα..
Δηλαδή:

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

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Layout</title>

<style type="text/css">
#content&#123;
margin&#58;0 auto;
width&#58;848px;
border&#58;1px solid red;
&#125;

#sidebar1&#123;
   width&#58;195px;
   border&#58;1px solid blue;
&#125;
</style>
</head>
<body>
<div id="content">
   content
   <div id="sidebar1">sidebar</div>
</div>
</body>

<script type="text/javascript" src="http&#58;//www.google.com/jsapi"></script>
<script type="text/javascript">
google.load&#40;"jquery", "1.4.2"&#41;;
</script>
<script>
alert&#40;'Width &#58;'  + $&#40;"#content"&#41;.outerWidth&#40;&#41; + ' Height '  + $&#40;"#content"&#41;.outerHeight&#40;&#41;&#41;
</script>
</html>
Ψάξε στο google για "css float", "clearing float", "css faux columns" και θα καταλάβεις τι παίζει... πχ. http://www.quirksmode.org/css/clearing.html

g_p
Δημοσιεύσεις: 134
Εγγραφή: 28 Μάιος 2010 12:43

Απορία σχετικά με height των divs γεμισμένα με mysql data

Δημοσίευση από g_p » 26 Οκτ 2010 14:05

ευχαριστώ για το link, ήταν πολύ βοηθητικό

Απάντηση

Επιστροφή στο “Γενικές ερωτήσεις κατασκευής ιστοσελίδων”

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

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