different position of name in i-explorer and m-firefox different position of name in i-explorer and m-firefox
 

News:

CPG Release 1.6.26
Correct PHP8.2 issues with user and language managers.
Additional fixes for PHP 8.2
Correct PHP8 error with SMF 2.0 bridge.
Correct IPTC supplimental category parsing.
Download and info HERE

Main Menu

different position of name in i-explorer and m-firefox

Started by minipoett, February 23, 2006, 03:40:41 PM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

minipoett

hi there,
the position of the gallery-name and gallery-description on my side is not really stable. in mozilla firefox it`s on the right place, but internet-explorer moves these two around 10cm to the left. does anybody has a clue, why it`s like that and what i need to change?
here is my actural template.htm:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{LANG_DIR}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={CHARSET}" />
<meta http-equiv="Pragma" content="no-cache" />
<title>{TITLE}</title>
<link rel="stylesheet" type="text/css" href="themes/hardwired/style.css" />
{META}
<script type="text/javascript" src="scripts.js" ></script>
<!-- $Id: template.html,v 1.12 2005/12/04 03:22:35 donnoman Exp $ -->
</head>
{CUSTOM_HEADER}
<body>
<table width="100%"  border="0" cellspacing="0" cellpadding="0">
  <tr valign="top">
    <td width="16" rowspan="3" id="far-left"><img src="themes/hardwired/images/far-left.gif" width="16" height="14" alt="" /></td>
    <td width="18" class="middle-left"><img src="themes/hardwired/images/middle-left.gif" width="18" height="14" alt="" /></td>
    <td width="708" height="38" class="right-banner">
        <div class="left-banner">
        <div class="gal_name">{GAL_NAME}</div>
        <div class="gal_description">{GAL_DESCRIPTION}</div>
        </div>
    </td>
    <td width="19" class="middle-right"><img src="themes/hardwired/images/middle-right.gif" width="19" height="14" alt="" /></td>
    <td width="20" rowspan="3" class="far-right"><img src="themes/hardwired/images/far-right.gif" width="20" height="14" alt="" /></td>
  </tr>
  <tr>
    <td width="18" class="middle-left">&nbsp;</td>
    <td class="gallery"><div align="right" class="topmenu">
      <div align="left">{SYS_MENU}{SUB_MENU}<br />
      </div>
    </div>
      <div align="left" class="topmenu"></div>
      {ADMIN_MENU} {GALLERY}</td>
    <td width="19" class="middle-right">&nbsp;</td>
  </tr>
  <tr valign="baseline">
    <td width="18" class="middle-left"><img src="themes/hardwired/images/bottom-left.gif" width="18" height="31" alt="" /></td>
    <td class="bottom-middle">&nbsp;</td>
    <td width="19" class="middle-right"><img src="themes/hardwired/images/bottom-right.gif" width="19" height="31" alt="" /></td>
  </tr>
</table>
<br />
<div align="center"> {LANGUAGE_SELECT_FLAGS} <br />
  <br />
</div>
{CUSTOM_FOOTER}
</body>
</html>


thanx for any advice.
i don`t know if it can be because i also changed the design of left- and right-banners and also width of right-banner.gif. is the position of gal-name connected to that???   here s a link: www.panopti.de/gallery

minipoett

i resized right-banner.gif to original, but no change at all.  ???

Joachim Müller

none of the new classes you came up with is right-alligned, that's why. Use right-allign with margin-right set to some pixels.

minipoett

 ??? already tried that thousand times.
call me stupid, but i have no idea why it`s still like this (only in i-explorer):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{LANG_DIR}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={CHARSET}" />
<meta http-equiv="Pragma" content="no-cache" />
<title>{TITLE}</title>
<link rel="stylesheet" type="text/css" href="themes/hardwired/style.css" />
{META}
<script type="text/javascript" src="scripts.js" ></script>
<!-- $Id: template.html,v 1.12 2005/12/04 03:22:35 donnoman Exp $ -->
</head>
{CUSTOM_HEADER}
<body>
<table width="100%"  border="0" cellspacing="0" cellpadding="0">
  <tr valign="top">
    <td width="16" rowspan="3" id="far-left"><img src="themes/hardwired/images/far-left.gif" width="16" height="14" alt="" /></td>
    <td width="18" class="middle-left"><img src="themes/hardwired/images/middle-left.gif" width="18" height="14" alt="" /></td>
    <td width="708" height="38" class="right-banner">
        <div class="left-banner">
        <div class="gal_name">
          <div align="right">{GAL_NAME}</div>
        </div>
        <div class="gal_description">
          <div align="right">{GAL_DESCRIPTION}</div>
        </div>
        </div>
    </td>
    <td width="19" class="middle-right"><img src="themes/hardwired/images/middle-right.gif" width="19" height="14" alt="" /></td>
    <td width="20" rowspan="3" class="far-right"><img src="themes/hardwired/images/far-right.gif" width="20" height="14" alt="" /></td>
  </tr>
  <tr>
    <td width="18" class="middle-left">&nbsp;</td>
    <td class="gallery"><div align="right" class="topmenu">
      <div align="left">{SYS_MENU}{SUB_MENU}<br />
      </div>
    </div>
      <div align="left" class="topmenu"></div>
      {ADMIN_MENU} {GALLERY}</td>
    <td width="19" class="middle-right">&nbsp;</td>
  </tr>
  <tr valign="baseline">
    <td width="18" class="middle-left"><img src="themes/hardwired/images/bottom-left.gif" width="18" height="31" alt="" /></td>
    <td class="bottom-middle">&nbsp;</td>
    <td width="19" class="middle-right"><img src="themes/hardwired/images/bottom-right.gif" width="19" height="31" alt="" /></td>
  </tr>
</table>
<br />
<div align="center"> {LANGUAGE_SELECT_FLAGS} <br />
  <br />
</div>
{CUSTOM_FOOTER}
</body>
</html>


here s my site: www.panopti.de/gallery