Εμφάνιση ενός module σε i.e. 6 και 7 (Λύθηκε)

[Dimitris Kanatas]

Θα ήθελα να ρωτήσω τι δε πάει καλά κι εμφανίζεται με λανθασμένο τρόπο ένα module για i.e. 6 και 7.

Το συγκεκριμένο παίρνει οδηγίες εμφάνισης από το css του template.

Code: [Select]

.moduletable-countdown {margin: 15px 0 15px 0; padding: 6px; background: #000 url(../images/black_board_countdown.jpg) no-repeat;}
Καμιά ιδέα;

[attachment deleted by admin]

[datahell]

Κατά αρχήν: τον IE6 τον αγνοείς εντελώς.

Μήπως έχεις κάποιο από τα δύο αντικείμενα floated; Η εμφάνιση όπως και να έχει θα στρώσει αν βάλεις κάτι σαν το ακόλουθο μεταξύ των 2:
<div style="clear:both;"></div>

Θα ήθελα να δω την html της όλη περιοχής όπως και το css για να σου πω. Δεν δίνεις ένα link καλύτερα;

[Dimitris Kanatas]

Code: [Select]

<div class="moduletable-countdown">
<script type="text/javascript">
κώδικας javascript μπλα μπλα
</script>

<div class="mystylecss">
Έμειναν<br>
<div class="datestyle">
1 ημέρες<br>
</div>
<div class="hoursminutesstyle">
10 ώρες και 37 λεπτά<br>
</div>
μέχρι την επιστοφή μας στα σχολεία.</div>

<br>
</div>
<div class="moduletable-banner">
<a href="http://www.labschool.eu/banners/10.html" target="_blank" title="Facebook"><img src="http://www.labschool.eu/images/banners/facebook.png" alt="Facebook" border="0"></a>
</div>

Για συντομία σου παραθέτω τον κώδικα που παράγεται στη περιοχή. Φταίει σίγουρα το πάνω mobule αλλά πού; Και γιατί "χτυπάει" μόνο στο i.e. 6 κ 7 ενώ όχι στο Μοzilla, Opera, Google, i.e. 8...

[nikos]

Κοίταξε τα div που ανοίγουν και που κλείνουν. Με μια γρήγορη ματιά όπως είδα, κάποιο div δεν το κλείνεις. Τέλος όλα τα  <br> αντικατέστησε τα με <br />

[Dimitris Kanatas]

Νίκο κλειστά είναι όλα....

Για το <br> όντως γιατί το παράγει έτσι αφού το έχω  <br /> Κάτι δε πάει καλά στο κώδικα του module....

Το δίνω κι αυτό...

Code: [Select]

echo '<div class="mystylecss">'."\n";
echo CX_MODCD_STAYED."<br />\n";
echo '<div class="datestyle">'."\n";
echo "$remainingDay"." ".CX_MODCD_DAYS."<br />\n";
echo "</div>\n";
echo '<div class="hoursminutesstyle">'."\n";
echo "$remainingHour"." ".CX_MODCD_HOURS." ".CX_MODCD_AND." "."$remainingMinutes"." ".CX_MODCD_MINUTES."<br />\n";
echo "</div>\n";
echo CX_MODCD_UNTIL." ";
echo "$targettext";
echo "</div>\n";
echo "<br />\n";

[datahell]

Οι Internet explorer 6/7 έχουν 1002 bugs, μην απορείς γιατί δεν εμφανίζεται σωστά με αυτούς. Το λάθος δεν είναι στο site σου αλλά σε αυτούς τους browser. Το θέμα είναι να κάνεις κάποια τσαχπινιά ώστε να στρώσει η εμφάνιση και με αυτούς.

Σβήσε το <br /> τελείως ή βάλε στη θέση του ένα <div style="clear:both;"></div> (δοκίμασε και τα δύο).
Δες επίσης τα margin των .moduletable-countdown και .moduletable-banner. Μπορεί να φταίνε ακόμα και οι τίτλοι των module (h3 tags). Παίξε με το css των 2 module και θα βρεις τι φταίει.

[Dimitris Kanatas]

Τι να πω για τον datahell;;; Ναι,  είναι... ο άρχοντας της php, της css, της html. 

Για ακόμα μια φορά βρήκε τη λύση...

Η προσθήκη του <div style="clear:both;"></div> στο κώδικα εμφάνισης μέσα στην php του module ανάγκασε και τους i.e. 6 και 7 να υπακούσουν στις διαταγές μου...

Και πάλι ευχαριστώ για την άμεση και πολύτιμη βοήθειά!!!

[ArXoS]

ερώτηση :
εαν βάλεις το <div style="clear:both;"></div> αρκετά συχνά (πιθανώς και κάπου που δεν χρειάζεται) έχεις τίποτε παρενέργειες ?

[datahell]

Όχι δεν πειράζει, εκτός αν θες να έχεις float οπότε θα στο σταματήσει.

Φαντάστείτε το clear: both; σαν μία αόρατη γραμμή.
Αναγκάζει το αντικείμενο που βρίσκεται αμέσως μετά να μεταπηδήσει στην αμέσως επόμενη γραμμή.

Κυρίως χρησιμοποιείται μετά από floated αντικείμενα για να σταματήσουμε τη στοίχιση των αντικειμένων που ακολουθούν προς τα αριστερά ή προς τα δεξιά και να τα αναγκάσουμε να πάνε από κάτω.
Το clear παίρνει τιμές: left, right, both, none

Παράδειγμα:
<div>
     <div style="float: left; width: 150px;">Column A</div>
     <div style="float: left; width: 150px;">Column B</div>
     <div style="clear: both;"></div>
     <div style="float: left; width: 150px;">Column C</div>
     <div style="float: left; width: 150px;">Column D</div>
     <div style="clear: both;"></div>
</div>

Το οπτικό αποτέλεσμα του παραπάνω θα είναι κάτι σαν αυτό:
Column A    Column B
Column C    Column D

Βλέπετε πως δούλεψε το clear:both

[nikos]

Τι να πω για τον datahell;;; Ναι,  είναι... ο άρχοντας της php, της css, της html.  ...

Και όχι μόνο...Πολλά τα γνωστικά του αντικείμενα!

[Dimitris Kanatas]

Συγκεκριμένα... δε χρειάστηκε να βάλω πολλές φορές το <div style="clear:both;"></div>. Στη τελευταία σειρά πριν κλείσω το αρχικό div έβαλα μόνο το...

Code: [Select]

echo '<div style="clear:both;">'."<br />\n";
echo "</div>\n";
...και τα πάντα πήγαν στη θέση τους.

[datahell]

Το break δεν χρειάζεται, βγάλτο, και το div σου δεν τερματίζει σωστά.

Code: [Select]

echo '<div>.......'."\n";
echo '<div style="clear:both;"></div>'."\n";
echo "</div>\n";
Αν μάθετε css μπορείτε να κάνετε τα html tags να εμφανίζονται όπως θέλετε.