Πρόβλημα με div και κείμενο που βγαίνει έξω από borders div

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

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

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

Πρόβλημα με div και κείμενο που βγαίνει έξω από borders div

Δημοσίευση από g_p » 19 Ιαν 2011 10:16

Παιδιά γεια σας,

έχω ένα πολύ απλό κομμάτι κώδικα στο οποίο έχω ένα βασικό div που είναι ο πατέρας και δύο άλλα divs που είναι τα παιδιά.
div1:εχει συγκεκριμένο width:135
div2: ομοιως και το 2 ,200px

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

<div>
	<div id = "div1" style="border&#58;1px solid blue;color&#58;#003366;width&#58;135px;">
		sidebar 1 sidebar 1sidebar 1sidebar 1sidebar 1sidebar 1sidebar 1
	</div>
	<div id="div2" style="border&#58;1px solid red;color&#58;#0000FF;width&#58;200px;">
     testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
	</div>
</div>
Παρατηρώ ότι το κείμενο testtest etc που βρίσκεται στο div2 ξεπερνά τα borders που έχουμε ορίσει στο div2.

Αυτό γιατί συμβαίνει???

ευχαριστώ

Άβαταρ μέλους
dimsis
Reporter
Δημοσιεύσεις: 7994
Εγγραφή: 25 Ιούλ 2001 03:00

Πρόβλημα με div και κείμενο που βγαίνει έξω από borders div

Δημοσίευση από dimsis » 19 Ιαν 2011 17:35

πρόσθεσε στο div2 στο style και word-wrap:break-word;
Αν δεν το έχεις στο κάνει γιατί δεν έχει κενά ανάμεσα στα γράμματα.

Αν δεν θέλεις να μεγαλώνει σε ύψος το div τότε μπορείς να εμφανίζεις scrolling bar με overflow: scroll; αντί του word-wrap:break-word;

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

Πρόβλημα με div και κείμενο που βγαίνει έξω από borders div

Δημοσίευση από g_p » 25 Ιαν 2011 19:59

ευχαριστώ

Απάντηση

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

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

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