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

News:

cpg1.5.48 Security release - upgrade mandatory!
The Coppermine development team is releasing a security update for Coppermine in order to counter a recently discovered vulnerability. It is important that all users who run version cpg1.5.46 or older update to this latest version as soon as possible.
[more]

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