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"> </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"> </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"> </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
i resized right-banner.gif to original, but no change at all. ???
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.
??? 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"> </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"> </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"> </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