τα divs δεν κάθονται σωστά λόγω flash movie?

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

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

Απάντηση
i-ching
Δημοσιεύσεις: 11
Εγγραφή: 13 Αύγ 2008 18:19

τα divs δεν κάθονται σωστά λόγω flash movie?

Δημοσίευση από i-ching » 02 Σεπ 2009 14:40

Λοιπόν το πρόβλημα είναι ότι το div presentation περικλείει 2 άλλα divs, το ένα λέγεται flashcontent και έχει embedded swf, το άλλο λέγεται presentation. Αλλά το μεν σπρώχνει το δε έξω από το presentation.
Όλα αυτά βρίσκονται μέσα σε ένα ευρύτερο container div συγκεκριμένων διαστασεων.

Ελπίζω να μπορεί κανείς να βοηθήσει...

Η html

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

<div id="container">
<div id="presentation">
    <div id="flashcontent">
 &#40;παραλείπω τον κώδικα για το swf ο οποίος παράγεται αυτόματα στο Dreamweaver και δεν μας ενδιαφέρει εδώ&#41;
    </div>
    <div id="description"> 
    </div>
  </div>
</div>
Το css

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

#container &#123;
	margin&#58; 0 auto;
	width&#58; 1024px;
&#125;

#presentation
&#123;
	background&#58;#313C53;
 &#125;
  
#flashcontent
&#123;
	margin-left&#58;-60px;
	margin-bottom&#58;-15px;
	z-index&#58;100;
 
 
&#125;

#description
&#123;
	background&#58;url&#40;assets/description.png&#41;no-repeat;
	float&#58;right;
	margin-right&#58;-30px;
	width&#58;525px;
	height&#58;384px;
	z-index&#58;1000;
 &#125;
Επισυνάπτω και εικόνα με το πώς θέλω να βγει και πώς βγαίνει.
Δοκίμασα διάφορα με το float αλλά δεν πέτυχε. Επίσης μίκρυνα τα widths, πέταξα τις background images και έβαλα χρώμα, άλλαξα τα κόλπα με το αρνητικό margin (που δεν ήταν αυτά το πρόβλημα, αλλά είπα μπας) και παρ'όλ' αυτά δεν το βρήκα.
Συνημμένα
div_problem.gif
(7.5 KiB) Μεταφορτώθηκε 274 φορές

Άβαταρ μέλους
Basilakis
PHP Moderator
Δημοσιεύσεις: 8575
Εγγραφή: 17 Νοέμ 2003 13:03
Τοποθεσία: Womans' Brain
Επικοινωνία:

τα divs δεν κάθονται σωστά λόγω flash movie?

Δημοσίευση από Basilakis » 02 Σεπ 2009 14:52

Μπορείς να μας δώσεις και ένα download file, εντυκτυκά για να δούμε το πρόβλημα;

Έτσι όπως το βλέπω τώρα, το θέμα σου είναι βασικά με το μέγεθος του width, που μπαίνει το flash content, και για αυτό το "σπρώχνει" προς τα κάτω.

i-ching
Δημοσιεύσεις: 11
Εγγραφή: 13 Αύγ 2008 18:19

τα divs δεν κάθονται σωστά λόγω flash movie?

Δημοσίευση από i-ching » 02 Σεπ 2009 14:56

Θενκς Basilakis,
μπορείς να χρησιμοποιήσεις τον κώδικα, δεν υπάρχει κάτι άλλο που να αφορά το συγκεκριμένο πρόβλημα, τα άλλα είναι περιττές πληροφορίες.
Εννοείς το width ποιου div? Δεν υπάρχει κάτι μεγαλύτερο απ' όσο πρέπει. Θα μπορούσαν να σταθούν δίπλα-δίπλα τα divs, χωράνε.

edit: Φαίνεται πως κάτι πρέπει να βάλω στο div flashcontent για να μην πετάει έξω από το div presentation ότιδήποτε άλλο.

Άβαταρ μέλους
Basilakis
PHP Moderator
Δημοσιεύσεις: 8575
Εγγραφή: 17 Νοέμ 2003 13:03
Τοποθεσία: Womans' Brain
Επικοινωνία:

τα divs δεν κάθονται σωστά λόγω flash movie?

Δημοσίευση από Basilakis » 02 Σεπ 2009 15:09

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

<style>
#container &#123;
   margin&#58; 0 auto;
   width&#58; 1024px;
&#125;

#presentation
&#123;
      background-color&#58; #4855A5;
	  height&#58; 300px;
	  margin-top&#58; 10px;
	  padding-top&#58; 20px;
 &#125;
 
#flashcontent
&#123;
   margin-left&#58;-60px;
   margin-bottom&#58;-15px;
   padding-top&#58; 10px;
   z-index&#58;100;
   background-color&#58; #000000;
   height&#58; 290px;
   width&#58; 1000px;

 
&#125;

#description
&#123;
background-color&#58; #B6C0D2;
   float&#58;right;
   margin-right&#58;-30px;
   margin-top&#58; -150px;
   width&#58;525px;
   height&#58; 60px;
   z-index&#58;1000;
 &#125;
 </style>

Αυτό;
Συνημμένα
χωρίς τίτλο.JPG
This?
(19.22 KiB) Μεταφορτώθηκε 202 φορές

i-ching
Δημοσιεύσεις: 11
Εγγραφή: 13 Αύγ 2008 18:19

τα divs δεν κάθονται σωστά λόγω flash movie?

Δημοσίευση από i-ching » 02 Σεπ 2009 15:43

Μπράβο ρε φίλε. Έψαχνα να καταλάβω τι προκάλεσε την αλλαγή και τελικά ήταν το
margin-top: -150px; που έβαλες μέσα στο div description
Δηλαδή με πλάγιο τρόπο ουσιαστικά έγινε (και δεν έχει λυθεί η απορία μου γιατι δεν κάθονταν δίπλα δίπλα τα σκaσμένα divs.)

Τώρα ζω ένα άλλο δράμα, που μου φαίνεται και χειρότερο.
Το description το'θελα κάτω από το flash, όχι πάνω (το flash έχει διαφάνειες, δεν είναι ένα τετραγωνισμένο αρχείο, το περίγραμμά του στα δεξιά είναι το σχήμα αυτού που απεικονίζει)
Εντάξει, μπήκε στον mozilla. Αλλά στον Ι.Εxplorer τίποτα.
Τα z-index δεν τα καταλαβαίνει ο ΙΕ 7? ή φταίει που είναι flash?

Άβαταρ μέλους
Basilakis
PHP Moderator
Δημοσιεύσεις: 8575
Εγγραφή: 17 Νοέμ 2003 13:03
Τοποθεσία: Womans' Brain
Επικοινωνία:

τα divs δεν κάθονται σωστά λόγω flash movie?

Δημοσίευση από Basilakis » 02 Σεπ 2009 15:47

i-ching έγραψε: Εντάξει, μπήκε στον mozilla. Αλλά στον Ι.Εxplorer τίποτα.
Τα z-index δεν τα καταλαβαίνει ο ΙΕ 7? ή φταίει που είναι flash?
Ναι είναι ένα απο τα μπερδέματα :D

Δεν σκάς για ΙΕ, τουλάχιστων μην πεδεύεσαι τόσο.

Δυστυχώς, τα divs έχουν αυτό το ελάτωμα...

Απάντηση

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

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

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