Author Topic: Firefox / IE Problem  (Read 4752 times)

0 Members and 1 Guest are viewing this topic.

Offline kubiczek

  • Full Member
  • ***
  • Posts: 211
    • View Profile
    • Gross Peterwitz
Firefox / IE Problem
« on: July 24, 2010, 10:48:25 AM »
Hallo,

in der Details ansicht wird im Firefox alles bestens ausgegeben, und im IE wird die Tabelle in der "Navigation" langgezogen,

sehe selbst..... http://www.grosspeterwitz.org/gp/details.php?image_id=4976&l=deutsch

hier meine deteils.htm
Code: [Select]
{header}

<script type="text/javascript">

      window.fbAsyncInit = function() {
        FB.init({appId: '131558016859146', status: true, cookie: true,
                 xfbml: true});
      };
      (function() {
        var e = document.createElement('script');
        e.type = 'text/javascript';
        e.src = document.location.protocol +
          '//connect.facebook.net/de_DE/all.js';
        e.async = true;
        document.getElementById('fb-root').appendChild(e);
      }());
    </script>




{if gmap}
{gmap_java}
<script src="../../../Scripts/AC_ActiveX.js" type="text/javascript"></script>
<script src="../../../Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<style type="text/css">
<!--
.Stil1 {
font-size: 18px;
font-weight: bold;
}
-->
</style>

{endif gmap}
<table width="990" border="0" cellspacing="10" cellpadding="0"  >

 

  <tr>

    <td class="bordercolor">

      <table width="990" border="0" cellspacing="0" cellpadding="0">
<tr>
        <td><img src="{template_url}/images/c_tl.png" alt="c_tl" /></td>
        <td background="{template_url}/images/c_t.png"><img src="{template_url}/images/c_t.png" alt="c_t" /></td>
        <td><img src="{template_url}/images/c_tr.png" alt="c_tr" /></td>
        </tr>
        <tr>
          <td background="{template_url}/images/c_l.png"><img src="{template_url}/images/c_l.png" alt="c_l" /></td>
          <td class="tablebgcolor">

            <table width="964" border="0" cellspacing="0" cellpadding="0" class="navbar">

              <tr>

                <td height="41">
                  <table width="964" border="0" cellspacing="0" cellpadding="0" class="navbar_ext" height="41" align="left">

                    <tr>

                      <td width="440">&nbsp;&nbsp;&nbsp;&nbsp;{clickstream}<b><font color="#FFFFFF">{lang_curr_image_number}
                        {curr_image_number} {lang_all_image_number} {all_image_number}</font></b></td>

                      <td width="524" align="right">
                        {ifnot lang_loggedin_msg}
                        <a href="{url_register}"><b>{lang_register}</b></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        {endifnot lang_loggedin_msg}
                       
<a href="{url_search}"><b>{lang_advanced_search}</b></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                       
<a href="{url_top_images}"><b>{lang_top_images}</b></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<a href="{url_new_images}"><b>{lang_new_images}</b></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;   </td>
                    </tr>
                  </table>                </td>
              </tr>
            </table>

            <table width="964" border="0" cellspacing="0" cellpadding="0">

              <tr>

                <td width="204" class="row2" valign="top" style="padding-top:10px;">
<table width="204" border="0" cellspacing="0" cellpadding="0" align="center" class="reg_table" bgcolor="#FFFFFF">
                   
                    <tr bgcolor="#EBEBEB">
                       <td class="head22_reg" height="37"><div align="center">{lang_nav_user}</div></td>
                    </tr>
                    <tr bgcolor="#EBEBEB">
                      <td bgcolor="#EBEBEB"   class="reg_table"  ><table width="204" border="0">
                       
                        <tr>
                          <td width="102"><div align="right">{if prev_image_name} <a href="{prev_image_url}"><img src="dein_button_2.gif" alt="back" border="0" /></a> {endif prev_image_name}</div></td>
                          <td width="102"><div align="left">{if next_image_name} <a href="{next_image_url}"><img src="dein_button_1.gif" alt="next" border="0" /></a> {endif next_image_name}</div></td>
                        </tr>
                      </table>
                        <table width="100%" border="0">
                          <tr>
                            <td height="20"><div align="center">
                              <div align="center">{melden_button} </div></td>
                          </tr>
                          <tr>
                            <td height="20"><div align="center">{puzzle_button_popup} </div></td>
                          </tr>
                         
                       
                          <tr>
                            <td height="20"> <p align="center"><script type="text/javascript">
  var nk_wg = ({
    content: null,
    host: "http://nk.pl/",
    image: "http://0.s-nk.pl/img/sledzik/widgets/nk_buttons/nk_button_321",
    layout: 'nk'
  });
</script>
<script type="text/javascript" src="http://0.s-nk.pl/script/sledzik/widgets/sledzik_widget_shout"></script>
                          </p></td>
                          </tr>
                          <tr>
                             <td height="20"><p align="center" > <a href="#" onClick="einblenden('click_container'); return false;"><b>{lang_pin}</b></a>&nbsp;</td>
                        </table>
                        <table  width="186" border="0" align="center" {if image_description} >
                          <tr>
                            <td bgcolor="#EBEBEB">
<p align="center" class="head23_reg"><b>{lang_description}</b></p>
                              <p align="center" >{image_description}</p>
                             
                            </td>
                      </tr>{endif image_description}
                      </table></td>
                    </tr>
                    <tr bgcolor="#FFFFFF">
                      <td    >&nbsp;</td>
                    </tr>
                    <tr  bgcolor="#FFFFFF">
                      <td class="head2_reg" height="37">{lang_registered_user}</td>
                    </tr>

                    <tr bgcolor="#EBEBEB">
 <td height="8" bgcolor="#EBEBEB"  class="row3"><img src="./templates/default/images/spacer.gif" alt="" width="4" height="8" /><a style="text-decoration: none" href="javascript:toggle('lnk6')">Anmeldung</a></td>
 </tr>
 <tr>
 <td  width="150px" id="lnk6" style="DISPLAY: none"  border="0" cellpadding="3" cellspacing="0">
  {user_box}
</td>
 </tr>
                  </table><br />

  {if random_image}

                  <table width="204" border="0" cellspacing="0" cellpadding="0" align="center">

                    <tr>

                      <td class="head2" height="36">{lang_random_image}</td>
                    </tr>

                    <tr>

                      <td class="tablebgcolor"><img src="{template_url}/images/spacer.gif" alt="" width="1" height="1" /></td>
                    </tr>

                    <tr>

                      <td align="center" class="row1">

    <br />

                        {random_image}

<br />

                        <br />                      </td>
                    </tr>

                    <tr>

                      <td class="tablebgcolor"><img src="{template_url}/images/spacer.gif" alt="" width="1" height="1" /></td>
                    </tr>
                  </table>

                  <p>{endif random_cat_image} </p>
                  <table width="100%" border="0">
                    <tr>
                      <td bgcolor="#CCCCCC">&nbsp;
<div align="center"><b>Du hast derzeit eine Bildschrimaufl&ouml;sung von:
<script type="text/javascript">document.write(screen.width + "x" + screen.height)</script>
Bildpunkten eingestellt.</b></div>
</td>
                    </tr>
                  </table>
                  <p>&nbsp;</p>
                </td>

                <td width="1" valign="top"><img src="{template_url}/images/spacer.gif" alt="" width="1" height="1" /></td>

                <td width="18" valign="top"><img src="{template_url}/images/spacer.gif" alt="" width="16" height="6" /></td>

                <td width="721" valign="top" style="padding-top:10px;">
                  <table width="800" border="0">
                    <tr>
                      <td>
                        <p><b class="title">{image_name}</b>{if image_is_new}
                          <sup class="new">{lang_new}</sup>{endif image_is_new}
                          {if pin_image_show_access} <font color="#FF0000">{lang_pin_info}</font>{endif
                          pin_image_show_access} {ifnot pin_image_show_access}
                          {endifnot pin_image_show_access}
                     </td>
         
                    </tr>
                  </table>
                  <hr size="1" />
                  <font class="row1" color="#FF0000">{if msg}<b>{msg}</b></font><b><br />

                  </b>{endif msg}

                  <div align="center">

  {image}
                                      {if google_id}
<embed style="width:400px; height:326px;" id="VideoPlayback" align="middle" type="application/x-shockwave-flash" src="http://video.google.com/googleplayer.swf?docId={google_id}" allowScriptAccess="sameDomain" quality="best" bgcolor="#ffffff" scale="noScale" salign="TL" FlashVars="playerMode=embedded"> </embed>
{endif google_id}

{if youtube_id}
<object width="694" height="569"><param name="movie" value="http://www.youtube.com/v/{youtube_id}"><embed src="http://www.youtube.com/v/{youtube_id}" type="application/x-shockwave-flash" width="694" height="569"></embed></object>
{endif youtube_id}
 <!-- Start mod: pin image -->
                   {ifnot pin_image_show}
                  </div>
                   {endifnot pin_image_show}
                   {if pin_image_show}
                   {if pin_image_show_access}
                   <div id="click_container" style="position:absolute; width:{width}px; height:{height}px; cursor:crosshair; display:yes; " onClick="displayOffsets(event);">
                   {endif pin_image_show_access}
                   {ifnot pin_image_show_access}
                   <div id="click_container" style="position:absolute; width:{width}px; height:{height}px;">
                   {endifnot pin_image_show_access}
                   {pin_image}
                   </div></div>
                  <p align="left">
                    <script language="JavaScript" type="text/javascript">
                    <!--
                    function einblenden(div) {
                    with(document.getElementById(div).style){
                    if(display=="none"){
                    display="inline";
                    }
                    else{
                    display="none";
                    }
                    }
                    }
                    //-->
                                      </script>
                    <script language="JavaScript" type="text/javascript">
                    <!--
                    function einblenden(div) {
                    with(document.getElementById(div).style){
                    if(display=="none"){
                    display="inline";
                    }
                    else{
                    display="none";
                    }
                    }
                    }
                    //-->
                                      </script>
                   {if pin_image_show_access}
                   <script type="text/javascript" language="javascript">
                   <!--
                   function getXOffset(e) {
                        if (typeof e.offsetX != 'undefined')
                            return e.offsetX;
                        else if (typeof e.pageX != 'undefined')
                            return e.pageX - e.target.offsetLeft;
                   }
                   function getYOffset(e) {
                        if (typeof e.offsetY != 'undefined')
                            return e.offsetY;
                        else if (typeof e.pageY != 'undefined')
                            return e.pageY - e.target.offsetTop;
                   }
                   function displayOffsets(e) {
                        e = (e) ? e : window.event;
                   window.open("./pin_images.php?pin=1&l={l}&z={image_id}&x="+ getXOffset(e) +"&y="+ getYOffset(e) +"","new","toolbar=no,scrollbars=no,resizable=no,width=360,height=270,top=0,left=0");
                   }
                   //-->
                   </script>
                   {endif pin_image_show_access}
                   {endif pin_image_show}
                   <!-- End mod: pin image   -->
{if admin_links}<br />

                    {admin_links}<br />

                    {endif admin_links}
                   
   
                   
                   
                   
                <table width="800" border="0" align="left">
                      <tr valign="top" bgcolor="#FFFFFF">
                        <td colspan="2" bordercolor="#CCCCCC"><div align="center">{lightbox_button}&nbsp;&nbsp;{postcard_button}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{download_button}</div></td>
                      </tr>
                      <tr valign="top" bgcolor="#FFFFFF">
                        <td colspan="2" bordercolor="#CCCCCC" bgcolor="#C7C7CB">{if gmap}
<div class="caption">
  <p align="center" class="Stil1">Map</p>
</div>
<div class="contentbox">

  <div align="center">
  <div id="map" style="width: 600px; height: 400px"></div>
  </div>
                    {endif gmap}&nbsp;</td>
                   
                      <tr valign="top" bgcolor="#CCCCCC">
                        <td bordercolor="#CCCCCC" width="400">&nbsp;
                          <table width="370" border="0" cellpadding="3" cellspacing="0" align="center">
                            <tr bgcolor="#CCCCCC">
                              <td class="head4" valign="top" colspan="2">
                                <div align="center">{image_name}</div>
                              </td>
                            </tr>
                            <tr bgcolor="#CCCCCC">
                              <td valign="top" class="row1" width="300"><b>{lang_date}</b></td>
                              <td valign="top" class="row1" width="300">{image_date}</td>
                            </tr>
                            <tr bgcolor="#CCCCCC">
                              <td valign="top" class="row2" width="300"><b>{lang_hits}</b></td>
                              <td valign="top" class="row2" width="300">{image_hits}</td>
                            </tr>
                            <tr bgcolor="#CCCCCC">
                              <td valign="top" class="row1" width="300"><b>{lang_downloads}</b></td>
                              <td valign="top" class="row1" width="300">{image_downloads}</td>
                            </tr>
                            <tr bgcolor="#CCCCCC">
                              <td valign="top" class="row1" width="300"><b>{lang_file_size}</b></td>
                              <td valign="top" class="row1" width="300">{image_file_size}</td>
                            </tr>
                            <tr bgcolor="#CCCCCC">
                              <td valign="top" class="row2" width="300"><b>{lang_added_by}</b></td>
                              <td valign="top" class="row2" width="300">{user_name_link}</td>
                            </tr>
                           
<tr bgcolor="#CCCCCC">
                              <td valign="top" class="row2" width="300"><b>Pixel</b></td>
                              <td valign="top" class="row2" width="300">{width}
                                x {height}</td>
                            </tr>
                          </table>
                         
                         
                         
                         
                         
                         
                         
                {if iptc_info}
 
<table width="370" border="0" cellspacing="3" cellpadding="0" align="center">
  <tr>
  <td class="bordercolor">
<table  width="370"border="0" cellpadding="3" cellspacing="0">
 <td class="head4" valign="top" colspan="2">IPTC Info: &nbsp;
  <a href="javascript:toggle('lnk1')">anzeigen</a>
 </td>
</table>
<table  width="370" id="lnk1" style="DISPLAY: none"  border="0" cellpadding="3" cellspacing="0">
  {iptc_info}
</table>
  </td>
  </tr>
</table>
  {endif iptc_info}           
                         
                         
                         
                         
                {if exif_info}
 
<table width="370" border="0" cellspacing="3" cellpadding="0" align="center">
  <tr>
  <td class="bordercolor">
<table  width="370"border="0" cellpadding="3" cellspacing="0">
 <td class="head4" valign="top" colspan="2">EXIF Info : &nbsp;
  <a href="javascript:toggle('lnk2')">anzeigen</a>
 </td>
</table>
<table  width="370" id="lnk2" style="DISPLAY: none"  border="0" cellpadding="3" cellspacing="0">
  {exif_info}
</table>
  </td>
  </tr>
</table>
  {endif exif_info}       
                         
                          </p>
                          <p>&nbsp;</p>
                        </td>
                        <td width="400" bordercolor="#CCCCCC" bgcolor="#CCCCCC">
                          <div align="center">&nbsp;{if allow_comments} <a name="comments"></a>
                            <br />
                            <table width="370" border="0" cellpadding="0" cellspacing="0" align="center">
                              <tr>
                                <td valign="top" class="head4" width="200">{lang_author}</td>
                                <td valign="top" class="head4" width="170">{lang_comment}</td>
                              </tr>
                               {comments}
                            </table>
                          </div>
                          <p align="center"><br />
                            {comment_form} {endif allow_comments} </p>
                        </td>
                      </tr>
                      </div>
                  </table>
                 
                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td>&nbsp;</td>
                      </tr>
                  </table>

                </td>
                <td width="20" valign="top">
                  <p><img src="{template_url}/images/spacer.gif" width="19" height="19" alt="" /></p>
                  <p>&nbsp;</p>
                  <p>&nbsp; </p>
                  <p>{group_preview}</p>
                </td>
              </tr>
            </table>          </td>
          <td background="{template_url}/images/c_r.png"><img src="{template_url}/images/c_r.png" alt="c_r" /></td>
        </tr>
<tr>
        <td><img src="{template_url}/images/c_bl.png" alt="c_bl" /></td>
        <td background="{template_url}/images/c_b.png"><img src="{template_url}/images/c_b.png" alt="c_b" /></td>
        <td><img src="{template_url}/images/c_br.png" alt="c_br" /></td>
        </tr>
      </table>    </td>
  </tr>
</table>

{footer}
 

kann mir jemand sagen was falsch ist?

Rembrandt

  • Guest
Re: Firefox / IE Problem
« Reply #1 on: July 24, 2010, 11:18:01 AM »
Hi!

du solltest mal alle css und html fehler bereinigen, z.b.:

in deiner css, ein schreibfehler:
Code: [Select]
.home_banner {
widht: 743px;

html fehler

desweiteren hast ein javascript aufruf vor der doctype declaration das geht überhaupt nicht:
Code: [Select]
<body onLoad="load()" onUnload="GUnload()"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

u.s.w.

mfg Andi

Offline kubiczek

  • Full Member
  • ***
  • Posts: 211
    • View Profile
    • Gross Peterwitz
Re: Firefox / IE Problem
« Reply #2 on: July 25, 2010, 10:49:34 PM »
danke dir,

habe die style.css bereinigt,  

ich habe die tabele der "Beschreibung" mit  {if image_description} beschreibung {endif image_description} ausbeblendet, deshalb kamm es zum versatz.

ich weiss das ich sehr viele html fehler habe, "tidy" hat mir da schon oft geholfen.

gruß