Πρόβλημα με image width σε Internet Explorer

[nikos13]

Πρόσφατα άλλαξα template στη σελίδα που διαχειρίζομαι και αντιμετωπίζω ένα πρόβλημα μονο στον Internet Explorer (ίσως και στο Safari,δεν το έχω δοκιμάσει ακόμη).

Συγκεκριμένα το παλιό template ήταν fixed width, ενώ αυτό που έβαλα τώρα είναι fluid width. Τα right και left column ειναι επίσης fluid width, οπότε άλλαξα τις ρυθμίσεις των modules που έχω στα right και left column, έτσι ώστε να προσαρμόζεται αυτόματα το πλάτος τους ανάλογα με την αναλυση της οθόνης του χρήστη.

To πρόβλημα εμφανίζεται στα modules που εμφανίζουν εικόνες, πχ έχω ενα module που εμφανίζει 2 πρωτοσελιδα εφημερίδων, ή στο module των διαφημίσεων. Έχω βάλει λοιπόν image width=90% και ενώ στο Firefox την εμφανίζει μια χαρά και της δίνει το πλάτος του column στον IE δεν το κάνει με αποτέλεσμα να μου χαλάει όλο το column.

Έτσι λοιπόν αναγκάστηκα να δώσω σταθερές διαστάσεις στις εικόνες, μέχρι να καταφέρω να το διορθώσω, έτσι ώστε να εμφανίζονται σωστά σε αναλυση 800χ600(δεν νομίζω να βλέπει κανείς σελίδες σε μικρότερη ανάλυση). Όταν όμως κάποιος βλέπει τη σελίδα σε μεγαλύτερη ανάλυση οι εικόνες φαίνονται πολύ μικρές, πράγμα που αποτελεί πρόβλημα.

Καμιά σκέψη κανείς για το πως μπορώ να λύσω το πρόβλημα ?


[old attachment deleted by admin]

[CREATIVE Options]

Το πρόβλημα είναι καθαρά στο css.

Έχεις γνώσεις από css;

Elxis FAN.

[nikos13]

Δυστυχώς όχι, ελάχιστα πράγματα.
Μήπως μπορείς να με βοηθήσεις ?

[nikos13]

Ορίστε και ο κώδικας μήπως μπορέσει κάποιος να βοηθήσει :

Code: [Select]

<script language="JavaScript1.2" src="<?php echo $mosConfig_live_site;?>/includes/js/winpopup.js" type="text/javascript"></script>

  <BR>
 
  <table width="100%" border="0">
  <tr>
    <td >
      <div align="center" >       
         <A HREF="javascript:popitup('<?php
             echo $image.&#39;\&#39;,\&#39;&#39;.&#39;width=&#39;.$size[0].&#39;,height=&#39;.$size[1].&#39;,resizable=0&#39;;
             ?>')">         
          <img src="<?php echo $imagethmb; ?>" border="0" width="52" height="90" alt="<?php echo $image_name; ?>" />
          </A>
        </div>           
      </td>
    <td >
        <div align="center" >       
         <A HREF="javascript:popitup('<?php
             echo $image2.&#39;\&#39;,\&#39;&#39;.&#39;width=&#39;.$size2[0].&#39;,height=&#39;.$size2[1].&#39;,resizable=0&#39;;
             ?>')">         
          <img src="<?php echo $imagethmb2; ?>" border="0" width="52" height="90" alt="<?php echo $image_name2; ?>" />
          </A>
        </div>           
             
      </td>
  </tr>
  <tr>
    <td>
      <div align="center">   
          <?php
             echo $title;
         ?>     
         </div>                         

    <td>
       <div align="center">   
          <?php
             echo $title2;
         ?>     
         </div>                 
    </td>
  </tr>
</table>

<BR>

[CREATIVE Options]

Αυτός ο κώδικας από που των πήρες ;

Είναι το περιεχόμενο του module;

Elxis FAN.

[nikos13]

Ναι αυτό είναι το περιεχόμενο του module( όχι όλο, έχει και άλλο πιο πάνω για να παίρνει το πλατος, ύψος, όνομα της εικόνας κτλ)

[CREATIVE Options]

στείλε μου το module στο support[papaki]creativeoptions[telitsa]eu για να το κοιτάξω μόλις βρώ λίγο χρόνο.

Elxis FAN.

[nikos13]

Στο έστειλα.

Σ'ευχαριστώ για τη βοήθεια.

[nikos13]

Το διόρθωσα.. Επιτέλους

Τελικά είχες δίκιο Sirigos ήταν πρόβλημα στο css.

Συγκεκριμένα εκεί που είχε :
<table width="100%" border="0">

Το αντικατέστησα με:
<table style="table-layout:fixed;width=auto;" border="0"> και έπαιξε

Μέχρι τώρα το έχω δοκιμάσει σε Firefox 1.5, Firefox 2.0.0.6, Internet Explorer 6, Internet Explorer 7 και έπαιζε μια χαρα σε αναλύσεις 800χ600, 1024χ768, 1280χ1024. Στη συνέχεια θα το δοκιμάσω σε Opera και σε Safari για να ειμαι σιγουρος ότι δουλεύει σωστά

Ο κώδικας τώρα είναι :

Code: [Select]

<script language="JavaScript1.2" src="<?php echo $mosConfig_live_site;?>/includes/js/winpopup.js" type="text/javascript"></script>

  <BR>
 
  <table style="table-layout:fixed;width=auto;" border="0">
  <tr>
    <td  >
     
         <A HREF="javascript:popitup('<?php 
  echo $image.&#39;\&#39;,\&#39;&#39;.&#39;width=&#39;.$size[0].&#39;,height=&#39;.$size[1].&#39;,resizable=0&#39;;
    ?>')">   
        <img src="<?php echo $imagethmb; ?>" border="0" width="100%"  alt="<?php echo $image_name; ?>" />
        </A>
           
    </td>
    <td >
 
         <A HREF="javascript:popitup('<?php 
  echo $image2.&#39;\&#39;,\&#39;&#39;.&#39;width=&#39;.$size2[0].&#39;,height=&#39;.$size2[1].&#39;,resizable=0&#39;;
    ?>')">   
        <img src="<?php echo $imagethmb2; ?>" border="0" width="100%"  alt="<?php echo $image_name2; ?>" />
        </A>
           
   
     
    </td>
  </tr>
  <tr>
    <td>
      <div align="center">
  <?php 
  echo $title;
?> 
</div>            

    <td>
    <div align="center">
  <?php 
  echo $title2;
?> 
</div>        
    </td>
  </tr>
</table>

<BR>

[CREATIVE Options]

Μπράβο σου

Εγώ ακόμα δεν είχα προλάβει να το κοιτάξω.

Elxis FAN.

[nikos13]

Και ενώ πλέον όλα παίζουν μια χαρά σε FF 1.5, FF 2, IE 6, IE 7, σε Opera & Safari μου βγάζει ακριβώς τα ίδια προβλήματα. Δηλαδή : Τα εμφανίζει παρα πολύ μικρά (δείτε εικόνα παρακάτω) και επίσης δε μου εμφανίζει καθόλου τα banners εαν τους βάλω πλάτος σε ποσοστο, ενώ αν τους βαλω πλατος σε pixels το εμφανίζει κανονικά.

O κώδικας για τα banners που εμφανίζει ο Opera ειναι :

Code: [Select]

<div class="module"><div><div><div><h3>Διαφήμιση</h3>
<link rel="stylesheet" href="components/com_artbannersplus/artbannersplus.css" type="text/css" /><table cellpadding="0" cellspacing="0" class="artbannersplus"><tr><td><a href="index.php?option=com_artbannersplus&amp;task=clk&amp;id=2" target="_blank"><img src="http://www.eidisis.gr/images/banners/kiltidis.jpg" style="border:0px solid green" vspace="0" alt="Κώστας Κιλτίδης" title="Κώστας Κιλτίδης" width="100%"  /></a></td></tr></table>

</div></div></div></div>


[old attachment deleted by admin]