Page 1 of 1

Layout problems in IE

Posted: 21 May 2009, 10:45
by mrvinch
Hi, I am having the same issue, it is the last issue before I can publish the content, assistance would be appreciated.

I have attached a screen shot of both IE7 and Firefow's versions of the same page in Milkyway.
I have not altered the CSS other than in the Parameters window in the Phoca Control Panel.

The comlete article text, including the code I am using to insert the galleries is here:

Code: Select all

Current Favouties:
{phocagallery view=category|categoryid=2|imageid=0|limitstart=0|limitcount=8|fontcolor=#b36b00|bgcolor=#eeeaec|bgcolorhover=#eeeaec|imagebgcolor=#eeeaec|bordercolor=#e8e8e8|bordercolorhover=#b36b00|detail=3|displayname=1|namefontsize=10|namenumchar=15|displaydetail=0|displaydownload=0|float=right}

Main Gallery:
{phocagallery view=category|categoryid=1|imageid=0|limitstart=0|limitcount=20|fontcolor=#b36b00|bgcolor=#eeeaec|bgcolorhover=#eeeaec|imagebgcolor=#eeeaec|bordercolor=#e8e8e8|bordercolorhover=#b36b00|detail=3|displayname=1|namefontsize=10|namenumchar=15|displaydetail=0|displaydownload=0|float=right}
The site is currently on a test server so I cannot send you a link, the source as captured from View Source from each browser is also attached in the following reply.

Please let me know if you need more info.

Thanks and regards,
Nick

Re: Trouble with CSS Layout in IE

Posted: 21 May 2009, 10:55
by mrvinch
Source Code from IE7 and Firefox not attached for above post as I couldn't find a file extension that the form would allow me to upload other than a JPEG. I fyou want me to paste the code as a post, let me know.
Cheers,
Nick

Re: Layout problems in IE

Posted: 21 May 2009, 15:16
by caro84g
mod note: splitted topic from viewtopic.php?f=1&t=4201

This is with rhuk_milkyway and the gallery plugin.

I think it might be handy to post the source codes. Just add them between code brackets please. (different for each browser)

Regards, Carolien

Re: Layout problems in IE

Posted: 22 May 2009, 00:46
by mrvinch
Hi Carolien,
Thanks for looking in to this for us. Soure for IE7 here, source for Firefox in following reply (exceeded character limit to hoave both browser's source here)

The source for IE7:

Code: Select all

<!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" xml:lang="en-gb" lang="en-gb" >
<head>
  <base href="http://biscuit/vi/testsite/joomla152/index.php/examplesofourwork" />
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="robots" content="index, follow" />
  <meta name="keywords" content="joomla, Joomla" />
  <meta name="title" content="Examples Page" />
  <meta name="author" content="Administrator" />
  <meta name="description" content="Joomla! - the dynamic portal engine and content management system" />
  <meta name="generator" content="Joomla! 1.5 - Open Source Content Management" />
  <title>Examples Page</title>
  <link href="/vi/testsite/joomla152/templates/rhuk_milkyway/favicon.ico" rel="shortcut icon" type="image/x-icon" />
  <link rel="stylesheet" href="http://biscuit/vi/testsite/joomla152/plugins/content/slimbox/slimbox.css" type="text/css" />
  <link rel="stylesheet" href="/vi/testsite/joomla152/components/com_phocagallery/assets/phocagallery.css" type="text/css" />
  <link rel="stylesheet" href="/vi/testsite/joomla152/media/system/css/modal.css" type="text/css" />
  <script type="text/javascript" src="/vi/testsite/joomla152/media/system/js/mootools.js"></script>
  <script type="text/javascript" src="/vi/testsite/joomla152/media/system/js/caption.js"></script>
  <script type="text/javascript" src="http://biscuit/vi/testsite/joomla152/plugins/content/slimbox/slimbox.js"></script>
  <script type="text/javascript" src="/vi/testsite/joomla152/media/system/js/modal.js"></script>
  <script type="text/javascript" src="/vi/testsite/joomla152/components/com_phocagallery/assets/js/shadowbox/adapter/shadowbox-mootools.js"></script>
  <script type="text/javascript" src="/vi/testsite/joomla152/components/com_phocagallery/assets/js/shadowbox/shadowbox.js"></script>
  <script type="text/javascript" src="/vi/testsite/joomla152/includes/js/overlib_mini.js"></script>
  <script type="text/javascript">

		window.addEvent('domready', function() {

			SqueezeBox.initialize({});

			$$('a.modal-button').each(function(el) {
				el.addEvent('click', function(e) {
					new Event(e).stop();
					SqueezeBox.fromElement(el);
				});
			});
		});
  </script>
  <script type="text/javascript">
			Shadowbox.loadSkin("classic", "/vi/testsite/joomla152/components/com_phocagallery/assets/js/shadowbox/src/skin");
			Shadowbox.loadLanguage("en", "/vi/testsite/joomla152/components/com_phocagallery/assets/js/shadowbox/src/lang");
			Shadowbox.loadPlayer(["img"], "/vi/testsite/joomla152/components/com_phocagallery/assets/js/shadowbox/src/player");
			window.onload = function(){
			Shadowbox.init();
			}
			</script>
  <style type="text/css">
.bgPhocaClass{
								background:#666666;
								filter:alpha(opacity=70);
								opacity: 0.7;
								-moz-opacity:0.7;
								z-index:1000;
								}
								.fgPhocaClass{
								background:#f6f6f6;
								filter:alpha(opacity=100);
								opacity: 1;
								-moz-opacity:1;
								z-index:1000;
								}
								.fontPhocaClass{
								color:#000000;
								z-index:1001;
								}
								.capfontPhocaClass, .capfontclosePhocaClass{
								color:#ffffff;
								font-weight:bold;
								z-index:1001;
								} </style>
  <style type="text/css">
 #sbox-window {background-color:#6b6b6b;padding:2px} 
 #sbox-overlay {background-color:#000000;} 

 </style>
  <style type="text/css">
 .pgplugin1 {border:1px solid #e8e8e8 ; background: #eeeaec ;}
 .pgplugin1:hover, .pgplugin0.hover {border:1px solid #b36b00 ; background: #eeeaec ;}
 .pgplugin2 {border:1px solid #e8e8e8 ; background: #eeeaec ;}
 .pgplugin2:hover, .pgplugin1.hover {border:1px solid #b36b00 ; background: #eeeaec ;}

 </style>
  <!--[if lt IE 8]>
<link rel="stylesheet" href="/vi/testsite/joomla152/components/com_phocagallery/assets/phocagalleryieall.css" type="text/css" />
<![endif]-->


<link rel="stylesheet" href="/vi/testsite/joomla152/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="/vi/testsite/joomla152/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="/vi/testsite/joomla152/templates/rhuk_milkyway/css/template.css" type="text/css" />
<link rel="stylesheet" href="/vi/testsite/joomla152/templates/rhuk_milkyway/css/blue.css" type="text/css" />
<link rel="stylesheet" href="/vi/testsite/joomla152/templates/rhuk_milkyway/css/blue_bg.css" type="text/css" />
<!--[if lte IE 6]>
<link href="/vi/testsite/joomla152/templates/rhuk_milkyway/css/ieonly.css" rel="stylesheet" type="text/css" />
<![endif]-->

</head>
<body id="page_bg" class="color_blue bg_blue width_fmax">
<a name="up" id="up"></a>
<div class="center" align="center">
	<div id="wrapper">
		<div id="wrapper_r">
			<div id="header">
				<div id="header_l">
					<div id="header_r">
						<div id="logo"></div>
						
					</div>
				</div>
			</div>

			<div id="tabarea">
				<div id="tabarea_l">
					<div id="tabarea_r">
						<div id="tabmenu">
						<table cellpadding="0" cellspacing="0" class="pill">
							<tr>
								<td class="pill_l">&nbsp;</td>
								<td class="pill_m">
								<div id="pillmenu">
									
								</div>
								</td>
								<td class="pill_r">&nbsp;</td>
							</tr>
							</table>
						</div>
					</div>
				</div>
			</div>

			<div id="search">
				
			</div>

			<div id="pathway">
				
			</div>

			<div class="clr"></div>

			<div id="whitebox">
				<div id="whitebox_t">
					<div id="whitebox_tl">
						<div id="whitebox_tr"></div>
					</div>
				</div>

				<div id="whitebox_m">
					<div id="area">
									

						<div id="leftcolumn">
															<div class="module_menu">
			<div>
				<div>
					<div>
											<ul class="menu"><li class="item1"><a href="http://biscuit/vi/testsite/joomla152/"><span>Introduction</span></a></li><li id="current" class="active item53"><a href="/vi/testsite/joomla152/index.php/examplesofourwork"><span>Examples of our work</span></a></li></ul>					</div>
				</div>
			</div>
		</div>
			<div class="module_left">
			<div>
				<div>
					<div>
													<h3>Testimonials</h3>
											

<div  class="mod_placehere_left"><div style="overflow:auto;" class="mod_placehere_leading even">


<table class="contentpaneopen">





<tr>
<td valign="top" colspan="2">
<p> "Thanks again for the personal delivery" </p><p>Trevor Rutter, Sales Manager <br /><strong>Bellmarch Homes</strong> <br />(Australia)</p></td>
</tr>



</table>
<span class="article_separator">&nbsp;</span>

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

												<div id="maincolumn">
													
							<table class="nopad">
								<tr valign="top">
									<td>
										
<table class="contentpaneopen">



<tr>
<td valign="top" colspan="2">
<strong>Current Favouties:</strong><br /><div class="phocagallery">
<div class="phocagallery-box-file pgplugin1" style="height:160px; width:160px;position:relative;float:right;">
<center>
<div class="phocagallery-box-file-first" style="background: #eeeaec;height:140px;width:140px;">
<div class="phocagallery-box-file-second">
<div class="phocagallery-box-file-third">
<center>
<a class="shadowbox-button-rim" title="www.vigroup.net_comm05" href="/vi/testsite/joomla152/images/phocagallery/Residential/thumbs/phoca_thumb_l_www.vigroup.net_comm05.jpg" rel="shadowbox[PhocaGalleryPl1];options={slideshowDelay:0}" >
<img src="/vi/testsite/joomla152/./images/phocagallery/Residential/thumbs/phoca_thumb_m_www.vigroup.net_comm05.jpg" alt="www.vigroup.net_comm05" /></a></center>
</div>
</div>
</div>
</center>
<div class="name" style="color: #b36b00 ;font-size:10px;margin-top:5px;text-align:center;">www.vigroup.net...</div></div><div class="phocagallery-box-file pgplugin1" style="height:160px; width:160px;position:relative;float:right;">
<center>
<div class="phocagallery-box-file-first" style="background: #eeeaec;height:140px;width:140px;">
<div class="phocagallery-box-file-second">
<div class="phocagallery-box-file-third">
<center>
<a class="shadowbox-button-rim" title="www.vigroup.net_comm06" href="/vi/testsite/joomla152/images/phocagallery/Residential/thumbs/phoca_thumb_l_www.vigroup.net_comm06.jpg" rel="shadowbox[PhocaGalleryPl1];options={slideshowDelay:0}" >
<img src="/vi/testsite/joomla152/./images/phocagallery/Residential/thumbs/phoca_thumb_m_www.vigroup.net_comm06.jpg" alt="www.vigroup.net_comm06" /></a></center>
</div>
</div>
</div>
</center>
<div class="name" style="color: #b36b00 ;font-size:10px;margin-top:5px;text-align:center;">www.vigroup.net...</div></div><div class="phocagallery-box-file pgplugin1" style="height:160px; width:160px;position:relative;float:right;">
<center>
<div class="phocagallery-box-file-first" style="background: #eeeaec;height:140px;width:140px;">
<div class="phocagallery-box-file-second">
<div class="phocagallery-box-file-third">
<center>
<a class="shadowbox-button-rim" title="www.vigroup.net_comm07" href="/vi/testsite/joomla152/images/phocagallery/Residential/thumbs/phoca_thumb_l_www.vigroup.net_comm07.jpg" rel="shadowbox[PhocaGalleryPl1];options={slideshowDelay:0}" >
<img src="/vi/testsite/joomla152/./images/phocagallery/Residential/thumbs/phoca_thumb_m_www.vigroup.net_comm07.jpg" alt="www.vigroup.net_comm07" /></a></center>
</div>
</div>
</div>
</center>
<div class="name" style="color: #b36b00 ;font-size:10px;margin-top:5px;text-align:center;">www.vigroup.net...</div></div><div class="phocagallery-box-file pgplugin1" style="height:160px; width:160px;position:relative;float:right;">
<center>
<div class="phocagallery-box-file-first" style="background: #eeeaec;height:140px;width:140px;">
<div class="phocagallery-box-file-second">
<div class="phocagallery-box-file-third">
<center>
<a class="shadowbox-button-rim" title="www.vigroup.net_comm08" href="/vi/testsite/joomla152/images/phocagallery/Residential/thumbs/phoca_thumb_l_www.vigroup.net_comm08.jpg" rel="shadowbox[PhocaGalleryPl1];options={slideshowDelay:0}" >
<img src="/vi/testsite/joomla152/./images/phocagallery/Residential/thumbs/phoca_thumb_m_www.vigroup.net_comm08.jpg" alt="www.vigroup.net_comm08" /></a></center>
</div>
</div>
</div>
</center>
<div class="name" style="color: #b36b00 ;font-size:10px;margin-top:5px;text-align:center;">www.vigroup.net...</div></div><div class="phocagallery-box-file pgplugin1" style="height:160px; width:160px;position:relative;float:right;">
<center>
<div class="phocagallery-box-file-first" style="background: #eeeaec;height:140px;width:140px;">
<div class="phocagallery-box-file-second">
<div class="phocagallery-box-file-third">
<center>
<a class="shadowbox-button-rim" title="www.vigroup.net_comm09" href="/vi/testsite/joomla152/images/phocagallery/Residential/thumbs/phoca_thumb_l_www.vigroup.net_comm09.jpg" rel="shadowbox[PhocaGalleryPl1];options={slideshowDelay:0}" >
<img src="/vi/testsite/joomla152/./images/phocagallery/Residential/thumbs/phoca_thumb_m_www.vigroup.net_comm09.jpg" alt="www.vigroup.net_comm09" /></a></center>
</div>
</div>
</div>
</center>
<div class="name" style="color: #b36b00 ;font-size:10px;margin-top:5px;text-align:center;">www.vigroup.net...</div></div><div class="phocagallery-box-file pgplugin1" style="height:160px; width:160px;position:relative;float:right;">
<center>
<div class="phocagallery-box-file-first" style="background: #eeeaec;height:140px;width:140px;">
<div class="phocagallery-box-file-second">
<div class="phocagallery-box-file-third">
<center>
<a class="shadowbox-button-rim" title="www.vigroup.net_comm10" href="/vi/testsite/joomla152/images/phocagallery/Residential/thumbs/phoca_thumb_l_www.vigroup.net_comm10.jpg" rel="shadowbox[PhocaGalleryPl1];options={slideshowDelay:0}" >
<img src="/vi/testsite/joomla152/./images/phocagallery/Residential/thumbs/phoca_thumb_m_www.vigroup.net_comm10.jpg" alt="www.vigroup.net_comm10" /></a></center>
</div>
</div>
</div>
</center>
<div class="name" style="color: #b36b00 ;font-size:10px;margin-top:5px;text-align:center;">www.vigroup.net...</div></div><div class="phocagallery-box-file pgplugin1" style="height:160px; width:160px;position:relative;float:right;">
<center>
<div class="phocagallery-box-file-first" style="background: #eeeaec;height:140px;width:140px;">
<div class="phocagallery-box-file-second">
<div class="phocagallery-box-file-third">
<center>
<a class="shadowbox-button-rim" title="www.vigroup.net_comm11" href="/vi/testsite/joomla152/images/phocagallery/Residential/thumbs/phoca_thumb_l_www.vigroup.net_comm11.jpg" rel="shadowbox[PhocaGalleryPl1];options={slideshowDelay:0}" >
<img src="/vi/testsite/joomla152/./images/phocagallery/Residential/thumbs/phoca_thumb_m_www.vigroup.net_comm11.jpg" alt="www.vigroup.net_comm11" /></a></center>
</div>
</div>
</div>
</center>
<div class="name" style="color: #b36b00 ;font-size:10px;margin-top:5px;text-align:center;">www.vigroup.net...</div></div><div class="phocagallery-box-file pgplugin1" style="height:160px; width:160px;position:relative;float:right;">
<center>
<div class="phocagallery-box-file-first" style="background: #eeeaec;height:140px;width:140px;">
<div class="phocagallery-box-file-second">
<div class="phocagallery-box-file-third">
<center>
<a class="shadowbox-button-rim" title="www.vigroup.net_comm12" href="/vi/testsite/joomla152/images/phocagallery/Residential/thumbs/phoca_thumb_l_www.vigroup.net_comm12.jpg" rel="shadowbox[PhocaGalleryPl1];options={slideshowDelay:0}" >
<img src="/vi/testsite/joomla152/./images/phocagallery/Residential/thumbs/phoca_thumb_m_www.vigroup.net_comm12.jpg" alt="www.vigroup.net_comm12" /></a></center>
</div>
</div>
</div>
</center>
<div class="name" style="color: #b36b00 ;font-size:10px;margin-top:5px;text-align:center;">www.vigroup.net...</div></div></div><br /><br /><strong>Main Gallery:</strong><br /><div class="phocagallery">
<div class="phocagallery-box-file pgplugin2" style="height:160px; width:160px;position:relative;float:right;">
<center>
<div class="phocagallery-box-file-first" style="background: #eeeaec;height:140px;width:140px;">
<div class="phocagallery-box-file-second">
<div class="phocagallery-box-file-third">
<center>
<a class="shadowbox-button-rim" title="www.vigroup.net_home06" href="/vi/testsite/joomla152/images/phocagallery/Residential/thumbs/phoca_thumb_l_www.vigroup.net_home06.jpg" rel="shadowbox[PhocaGalleryPl2];options={slideshowDelay:0}" >
<img src="/vi/testsite/joomla152/./images/phocagallery/Residential/thumbs/phoca_thumb_m_www.vigroup.net_home06.jpg" alt="www.vigroup.net_home06" /></a></center>
</div>
</div>
</div>
</center>
<div class="name" style="color: #b36b00 ;font-size:10px;margin-top:5px;text-align:center;">www.vigroup.net...</div></div><div class="phocagallery-box-file pgplugin2" style="height:160px; width:160px;position:relative;float:right;">
<center>
<div class="phocagallery-box-file-first" style="background: #eeeaec;height:140px;width:140px;">
<div class="phocagallery-box-file-second">
<div class="phocagallery-box-file-third">
<center>
<a class="shadowbox-button-rim" title="www.vigroup.net_home07" href="/vi/testsite/joomla152/images/phocagallery/Residential/thumbs/phoca_thumb_l_www.vigroup.net_home07.jpg" rel="shadowbox[PhocaGalleryPl2];options={slideshowDelay:0}" >
<img src="/vi/testsite/joomla152/./images/phocagallery/Residential/thumbs/phoca_thumb_m_www.vigroup.net_home07.jpg" alt="www.vigroup.net_home07" /></a></center>
</div>
</div>
</div>
</center>
<div class="name" style="color: #b36b00 ;font-size:10px;margin-top:5px;text-align:center;">www.vigroup.net...</div></div><div class="phocagallery-box-file pgplugin2" style="height:160px; width:160px;position:relative;float:right;">
<center>
<div class="phocagallery-box-file-first" style="background: #eeeaec;height:140px;width:140px;">
<div class="phocagallery-box-file-second">
<div class="phocagallery-box-file-third">
<center>
<a class="shadowbox-button-rim" title="www.vigroup.net_home08" href="/vi/testsite/joomla152/images/phocagallery/Residential/thumbs/phoca_thumb_l_www.vigroup.net_home08.jpg" rel="shadowbox[PhocaGalleryPl2];options={slideshowDelay:0}" >
<img src="/vi/testsite/joomla152/./images/phocagallery/Residential/thumbs/phoca_thumb_m_www.vigroup.net_home08.jpg" alt="www.vigroup.net_home08" /></a></center>
</div>
</div>
</div>
</center>
<div class="name" style="color: #b36b00 ;font-size:10px;margin-top:5px;text-align:center;">www.vigroup.net...</div></div><div class="phocagallery-box-file pgplugin2" style="height:160px; width:160px;position:relative;float:right;">
<center>
<div class="phocagallery-box-file-first" style="background: #eeeaec;height:140px;width:140px;">
<div class="phocagallery-box-file-second">
<div class="phocagallery-box-file-third">
<center>
<a class="shadowbox-button-rim" title="www.vigroup.net_home09" href="/vi/testsite/joomla152/images/phocagallery/Residential/thumbs/phoca_thumb_l_www.vigroup.net_home09.jpg" rel="shadowbox[PhocaGalleryPl2];options={slideshowDelay:0}" >
<img src="/vi/testsite/joomla152/./images/phocagallery/Residential/thumbs/phoca_thumb_m_www.vigroup.net_home09.jpg" alt="www.vigroup.net_home09" /></a></center>
</div>
</div>
</div>
</center>
<div class="name" style="color: #b36b00 ;font-size:10px;margin-top:5px;text-align:center;">www.vigroup.net...</div></div><div class="phocagallery-box-file pgplugin2" style="height:160px; width:160px;position:relative;float:right;">
<center>
<div class="phocagallery-box-file-first" style="background: #eeeaec;height:140px;width:140px;">
<div class="phocagallery-box-file-second">
<div class="phocagallery-box-file-third">
<center>
<a class="shadowbox-button-rim" title="www.vigroup.net_home10" href="/vi/testsite/joomla152/images/phocagallery/Residential/thumbs/phoca_thumb_l_www.vigroup.net_home10.jpg" rel="shadowbox[PhocaGalleryPl2];options={slideshowDelay:0}" >
<img src="/vi/testsite/joomla152/./images/phocagallery/Residential/thumbs/phoca_thumb_m_www.vigroup.net_home10.jpg" alt="www.vigroup.net_home10" /></a></center>
</div>
</div>
</div>
</center>
<div class="name" style="color: #b36b00 ;font-size:10px;margin-top:5px;text-align:center;">www.vigroup.net...</div></div><div class="phocagallery-box-file pgplugin2" style="height:160px; width:160px;position:relative;float:right;">
<center>
<div class="phocagallery-box-file-first" style="background: #eeeaec;height:140px;width:140px;">
<div class="phocagallery-box-file-second">
<div class="phocagallery-box-file-third">
<center>
<a class="shadowbox-button-rim" title="www.vigroup.net_home11" href="/vi/testsite/joomla152/images/phocagallery/Residential/thumbs/phoca_thumb_l_www.vigroup.net_home11.jpg" rel="shadowbox[PhocaGalleryPl2];options={slideshowDelay:0}" >
<img src="/vi/testsite/joomla152/./images/phocagallery/Residential/thumbs/phoca_thumb_m_www.vigroup.net_home11.jpg" alt="www.vigroup.net_home11" /></a></center>
</div>
</div>
</div>
</center>
<div class="name" style="color: #b36b00 ;font-size:10px;margin-top:5px;text-align:center;">www.vigroup.net...</div></div><div class="phocagallery-box-file pgplugin2" style="height:160px; width:160px;position:relative;float:right;">
<center>
<div class="phocagallery-box-file-first" style="background: #eeeaec;height:140px;width:140px;">
<div class="phocagallery-box-file-second">
<div class="phocagallery-box-file-third">
<center>
<a class="shadowbox-button-rim" title="www.vigroup.net_home12" href="/vi/testsite/joomla152/images/phocagallery/Residential/thumbs/phoca_thumb_l_www.vigroup.net_home12.jpg" rel="shadowbox[PhocaGalleryPl2];options={slideshowDelay:0}" >
<img src="/vi/testsite/joomla152/./images/phocagallery/Residential/thumbs/phoca_thumb_m_www.vigroup.net_home12.jpg" alt="www.vigroup.net_home12" /></a></center>
</div>
</div>
</div>
</center>
<div class="name" style="color: #b36b00 ;font-size:10px;margin-top:5px;text-align:center;">www.vigroup.net...</div></div><div class="phocagallery-box-file pgplugin2" style="height:160px; width:160px;position:relative;float:right;">
<center>
<div class="phocagallery-box-file-first" style="background: #eeeaec;height:140px;width:140px;">
<div class="phocagallery-box-file-second">
<div class="phocagallery-box-file-third">
<center>
<a class="shadowbox-button-rim" title="www.vigroup.net_home13" href="/vi/testsite/joomla152/images/phocagallery/Residential/thumbs/phoca_thumb_l_www.vigroup.net_home13.jpg" rel="shadowbox[PhocaGalleryPl2];options={slideshowDelay:0}" >
<img src="/vi/testsite/joomla152/./images/phocagallery/Residential/thumbs/phoca_thumb_m_www.vigroup.net_home13.jpg" alt="www.vigroup.net_home13" /></a></center>
</div>
</div>
</div>
</center>
<div class="name" style="color: #b36b00 ;font-size:10px;margin-top:5px;text-align:center;">www.vigroup.net...</div></div><div class="phocagallery-box-file pgplugin2" style="height:160px; width:160px;position:relative;float:right;">
<center>
<div class="phocagallery-box-file-first" style="background: #eeeaec;height:140px;width:140px;">
<div class="phocagallery-box-file-second">
<div class="phocagallery-box-file-third">
<center>
<a class="shadowbox-button-rim" title="www.vigroup.net_home14" href="/vi/testsite/joomla152/images/phocagallery/Residential/thumbs/phoca_thumb_l_www.vigroup.net_home14.jpg" rel="shadowbox[PhocaGalleryPl2];options={slideshowDelay:0}" >
<img src="/vi/testsite/joomla152/./images/phocagallery/Residential/thumbs/phoca_thumb_m_www.vigroup.net_home14.jpg" alt="www.vigroup.net_home14" /></a></center>
</div>
</div>
</div>
</center>
<div class="name" style="color: #b36b00 ;font-size:10px;margin-top:5px;text-align:center;">www.vigroup.net...</div></div><div class="phocagallery-box-file pgplugin2" style="height:160px; width:160px;position:relative;float:right;">
<center>
<div class="phocagallery-box-file-first" style="background: #eeeaec;height:140px;width:140px;">
<div class="phocagallery-box-file-second">
<div class="phocagallery-box-file-third">
<center>
<a class="shadowbox-button-rim" title="www.vigroup.net_home15" href="/vi/testsite/joomla152/images/phocagallery/Residential/thumbs/phoca_thumb_l_www.vigroup.net_home15.jpg" rel="shadowbox[PhocaGalleryPl2];options={slideshowDelay:0}" >
<img src="/vi/testsite/joomla152/./images/phocagallery/Residential/thumbs/phoca_thumb_m_www.vigroup.net_home15.jpg" alt="www.vigroup.net_home15" /></a></center>
</div>
</div>
</div>
</center>
<div class="name" style="color: #b36b00 ;font-size:10px;margin-top:5px;text-align:center;">www.vigroup.net...</div></div><div class="phocagallery-box-file pgplugin2" style="height:160px; width:160px;position:relative;float:right;">
<center>
<div class="phocagallery-box-file-first" style="background: #eeeaec;height:140px;width:140px;">
<div class="phocagallery-box-file-second">
<div class="phocagallery-box-file-third">
<center>
<a class="shadowbox-button-rim" title="www.vigroup.net_home16" href="/vi/testsite/joomla152/images/phocagallery/Residential/thumbs/phoca_thumb_l_www.vigroup.net_home16.jpg" rel="shadowbox[PhocaGalleryPl2];options={slideshowDelay:0}" >
<img src="/vi/testsite/joomla152/./images/phocagallery/Residential/thumbs/phoca_thumb_m_www.vigroup.net_home16.jpg" alt="www.vigroup.net_home16" /></a></center>
</div>
</div>
</div>
</center>
<div class="name" style="color: #b36b00 ;font-size:10px;margin-top:5px;text-align:center;">www.vigroup.net...</div></div><div class="phocagallery-box-file pgplugin2" style="height:160px; width:160px;position:relative;float:right;">
<center>
<div class="phocagallery-box-file-first" style="background: #eeeaec;height:140px;width:140px;">
<div class="phocagallery-box-file-second">
<div class="phocagallery-box-file-third">
<center>
<a class="shadowbox-button-rim" title="www.vigroup.net_home17" href="/vi/testsite/joomla152/images/phocagallery/Residential/thumbs/phoca_thumb_l_www.vigroup.net_home17.jpg" rel="shadowbox[PhocaGalleryPl2];options={slideshowDelay:0}" >
<img src="/vi/testsite/joomla152/./images/phocagallery/Residential/thumbs/phoca_thumb_m_www.vigroup.net_home17.jpg" alt="www.vigroup.net_home17" /></a></center>
</div>
</div>
</div>
</center>
<div class="name" style="color: #b36b00 ;font-size:10px;margin-top:5px;text-align:center;">www.vigroup.net...</div></div><div class="phocagallery-box-file pgplugin2" style="height:160px; width:160px;position:relative;float:right;">
<center>
<div class="phocagallery-box-file-first" style="background: #eeeaec;height:140px;width:140px;">
<div class="phocagallery-box-file-second">
<div class="phocagallery-box-file-third">
<center>
<a class="shadowbox-button-rim" title="www.vigroup.net_home18" href="/vi/testsite/joomla152/images/phocagallery/Residential/thumbs/phoca_thumb_l_www.vigroup.net_home18.jpg" rel="shadowbox[PhocaGalleryPl2];options={slideshowDelay:0}" >
<img src="/vi/testsite/joomla152/./images/phocagallery/Residential/thumbs/phoca_thumb_m_www.vigroup.net_home18.jpg" alt="www.vigroup.net_home18" /></a></center>
</div>
</div>
</div>
</center>
<div class="name" style="color: #b36b00 ;font-size:10px;margin-top:5px;text-align:center;">www.vigroup.net...</div></div><div class="phocagallery-box-file pgplugin2" style="height:120px; width:120px;position:relative;float:right;">
<center>
<div class="phocagallery-box-file-first" style="background: #eeeaec;height:100px;width:100px;">
<div class="phocagallery-box-file-second">
<div class="phocagallery-box-file-third">
<center>
<a class="shadowbox-button-rim" title="www.vigroup.net_home19" href="/vi/testsite/joomla152/images/phocagallery/Residential/thumbs/phoca_thumb_l_www.vigroup.net_home19.jpg" rel="shadowbox[PhocaGalleryPl2];options={slideshowDelay:0}" >
<img src="/vi/testsite/joomla152/./images/phocagallery/Residential/thumbs/phoca_thumb_m_www.vigroup.net_home19.jpg" alt="www.vigroup.net_home19" /></a></center>
</div>
</div>
</div>
</center>
<div class="name" style="color: #b36b00 ;font-size:10px;margin-top:5px;text-align:center;">www.vigroup.net...</div></div></div>

</td>
</tr>

</table>
<span class="article_separator">&nbsp;</span>

												<div class="moduletable">
					<div>Copyright &#169; 2009 Visualise It Pty Ltd. All Rights Reserved.</div>
<div></div>		</div>
	
									</td>
																	</tr>
							</table>

						</div>
						<div class="clr"></div>
					</div>
					<div class="clr"></div>
				</div>

				<div id="whitebox_b">
					<div id="whitebox_bl">
						<div id="whitebox_br"></div>
					</div>
				</div>
			</div>

			<div id="footerspacer"></div>
		</div>

		<div id="footer">
			<div id="footer_l">
				<div id="footer_r">
					<p id="syndicate">
						
					</p>
					<p id="power_by">
	 				 	Powered by <a href="http://www.joomla.org">Joomla!</a>.
						valid <a href="http://validator.w3.org/check/referer">XHTML</a> and <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>.
					</p>
				</div>
			</div>
		</div>
	</div>
</div>


</body>
</html>
Cheers,
Nick

Re: Layout problems in IE

Posted: 22 May 2009, 00:47
by mrvinch
Source for Firefox 3.0.10 (regading above post)

Code: Select all

<!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" xml:lang="en-gb" lang="en-gb" >
<head>
  <base href="http://biscuit/vi/testsite/joomla152/index.php/examplesofourwork" />
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="robots" content="index, follow" />
  <meta name="keywords" content="joomla, Joomla" />
  <meta name="title" content="Examples Page" />
  <meta name="author" content="Administrator" />
  <meta name="description" content="Joomla! - the dynamic portal engine and content management system" />

  <meta name="generator" content="Joomla! 1.5 - Open Source Content Management" />
  <title>Examples Page</title>
  <link href="/vi/testsite/joomla152/templates/rhuk_milkyway/favicon.ico" rel="shortcut icon" type="image/x-icon" />
  <link rel="stylesheet" href="http://biscuit/vi/testsite/joomla152/plugins/content/slimbox/slimbox.css" type="text/css" />
  <link rel="stylesheet" href="/vi/testsite/joomla152/components/com_phocagallery/assets/phocagallery.css" type="text/css" />
  <link rel="stylesheet" href="/vi/testsite/joomla152/media/system/css/modal.css" type="text/css" />
  <script type="text/javascript" src="/vi/testsite/joomla152/media/system/js/mootools.js"></script>
  <script type="text/javascript" src="/vi/testsite/joomla152/media/system/js/caption.js"></script>

  <script type="text/javascript" src="http://biscuit/vi/testsite/joomla152/plugins/content/slimbox/slimbox.js"></script>
  <script type="text/javascript" src="/vi/testsite/joomla152/media/system/js/modal.js"></script>
  <script type="text/javascript" src="/vi/testsite/joomla152/components/com_phocagallery/assets/js/shadowbox/adapter/shadowbox-mootools.js"></script>
  <script type="text/javascript" src="/vi/testsite/joomla152/components/com_phocagallery/assets/js/shadowbox/shadowbox.js"></script>
  <script type="text/javascript" src="/vi/testsite/joomla152/includes/js/overlib_mini.js"></script>
  <script type="text/javascript">

		window.addEvent('domready', function() {

			SqueezeBox.initialize({});

			$$('a.modal-button').each(function(el) {
				el.addEvent('click', function(e) {
					new Event(e).stop();
					SqueezeBox.fromElement(el);
				});
			});
		});
  </script>

  <script type="text/javascript">
			Shadowbox.loadSkin("classic", "/vi/testsite/joomla152/components/com_phocagallery/assets/js/shadowbox/src/skin");
			Shadowbox.loadLanguage("en", "/vi/testsite/joomla152/components/com_phocagallery/assets/js/shadowbox/src/lang");
			Shadowbox.loadPlayer(["img"], "/vi/testsite/joomla152/components/com_phocagallery/assets/js/shadowbox/src/player");
			window.onload = function(){
			Shadowbox.init();
			}
			</script>
  <style type="text/css">
.bgPhocaClass{
								background:#666666;
								filter:alpha(opacity=70);
								opacity: 0.7;
								-moz-opacity:0.7;
								z-index:1000;
								}
								.fgPhocaClass{
								background:#f6f6f6;
								filter:alpha(opacity=100);
								opacity: 1;
								-moz-opacity:1;
								z-index:1000;
								}
								.fontPhocaClass{
								color:#000000;
								z-index:1001;
								}
								.capfontPhocaClass, .capfontclosePhocaClass{
								color:#ffffff;
								font-weight:bold;
								z-index:1001;
								} </style>
  <style type="text/css">
 #sbox-window {background-color:#6b6b6b;padding:2px} 
 #sbox-overlay {background-color:#000000;} 

 </style>
  <style type="text/css">
 .pgplugin1 {border:1px solid #e8e8e8 ; background: #eeeaec ;}
 .pgplugin1:hover, .pgplugin0.hover {border:1px solid #b36b00 ; background: #eeeaec ;}
 .pgplugin2 {border:1px solid #e8e8e8 ; background: #eeeaec ;}
 .pgplugin2:hover, .pgplugin1.hover {border:1px solid #b36b00 ; background: #eeeaec ;}

 </style>
  <!--[if lt IE 8]>
<link rel="stylesheet" href="/vi/testsite/joomla152/components/com_phocagallery/assets/phocagalleryieall.css" type="text/css" />
<![endif]-->


<link rel="stylesheet" href="/vi/testsite/joomla152/templates/system/css/system.css" type="text/css" />

<link rel="stylesheet" href="/vi/testsite/joomla152/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="/vi/testsite/joomla152/templates/rhuk_milkyway/css/template.css" type="text/css" />
<link rel="stylesheet" href="/vi/testsite/joomla152/templates/rhuk_milkyway/css/blue.css" type="text/css" />
<link rel="stylesheet" href="/vi/testsite/joomla152/templates/rhuk_milkyway/css/blue_bg.css" type="text/css" />
<!--[if lte IE 6]>
<link href="/vi/testsite/joomla152/templates/rhuk_milkyway/css/ieonly.css" rel="stylesheet" type="text/css" />
<![endif]-->

</head>
<body id="page_bg" class="color_blue bg_blue width_fmax">
<a name="up" id="up"></a>
<div class="center" align="center">
	<div id="wrapper">
		<div id="wrapper_r">
			<div id="header">
				<div id="header_l">

					<div id="header_r">
						<div id="logo"></div>
						
					</div>
				</div>
			</div>

			<div id="tabarea">
				<div id="tabarea_l">
					<div id="tabarea_r">

						<div id="tabmenu">
						<table cellpadding="0" cellspacing="0" class="pill">
							<tr>
								<td class="pill_l">&nbsp;</td>
								<td class="pill_m">
								<div id="pillmenu">
									
								</div>
								</td>
								<td class="pill_r">&nbsp;</td>

							</tr>
							</table>
						</div>
					</div>
				</div>
			</div>

			<div id="search">
				
			</div>

			<div id="pathway">
				
			</div>

			<div class="clr"></div>

			<div id="whitebox">
				<div id="whitebox_t">
					<div id="whitebox_tl">
						<div id="whitebox_tr"></div>

					</div>
				</div>

				<div id="whitebox_m">
					<div id="area">
									

						<div id="leftcolumn">
															<div class="module_menu">
			<div>
				<div>

					<div>
											<ul class="menu"><li class="item1"><a href="http://biscuit/vi/testsite/joomla152/"><span>Introduction</span></a></li><li id="current" class="active item53"><a href="/vi/testsite/joomla152/index.php/examplesofourwork"><span>Examples of our work</span></a></li></ul>					</div>
				</div>
			</div>
		</div>
			<div class="module_left">
			<div>

				<div>
					<div>
													<h3>Testimonials</h3>
											

<div  class="mod_placehere_left"><div style="overflow:auto;" class="mod_placehere_leading even">


<table class="contentpaneopen">





<tr>
<td valign="top" colspan="2">
"Thanks for the great work. Not only were the images a success, it was very helpful to work with someone who really understands marketing in the building industry." <br /><br />Greg Messer, Director<br /><strong>Growthcorp</strong><br />(Australia)</td>
</tr>



</table>
<span class="article_separator">&nbsp;</span>

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

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

												<div id="maincolumn">
													
							<table class="nopad">
								<tr valign="top">
									<td>
										
<table class="contentpaneopen">



<tr>
<td valign="top" colspan="2">
<strong>Current Favouties:</strong><br /><div class="phocagallery">
<div class="phocagallery-box-file pgplugin1" style="height:160px; width:160px;position:relative;float:right;">
<center>
<div class="phocagallery-box-file-first" style="background: #eeeaec;height:140px;width:140px;">
<div class="phocagallery-box-file-second">
<div class="phocagallery-box-file-third">
<center>
<a class="shadowbox-button-rim" title="www.vigroup.net_comm05" href="/vi/testsite/joomla152/images/phocagallery/Residential/thumbs/phoca_thumb_l_www.vigroup.net_comm05.jpg" rel="shadowbox[PhocaGalleryPl1];options={slideshowDelay:0}" >
<img src="/vi/testsite/joomla152/./images/phocagallery/Residential/thumbs/phoca_thumb_m_www.vigroup.net_comm05.jpg" alt="www.vigroup.net_comm05" /></a></center>
</div>
</div>

</div>
</center>
<div class="name" style="color: #b36b00 ;font-size:10px;margin-top:5px;text-align:center;">www.vigroup.net...</div></div><div class="phocagallery-box-file pgplugin1" style="height:160px; width:160px;position:relative;float:right;">
<center>
<div class="phocagallery-box-file-first" style="background: #eeeaec;height:140px;width:140px;">
<div class="phocagallery-box-file-second">
<div class="phocagallery-box-file-third">
<center>
<a class="shadowbox-button-rim" title="www.vigroup.net_comm06" href="/vi/testsite/joomla152/images/phocagallery/Residential/thumbs/phoca_thumb_l_www.vigroup.net_comm06.jpg" rel="shadowbox[PhocaGalleryPl1];options={slideshowDelay:0}" >
<img src="/vi/testsite/joomla152/./images/phocagallery/Residential/thumbs/phoca_thumb_m_www.vigroup.net_comm06.jpg" alt="www.vigroup.net_comm06" /></a></center>
</div>
</div>
</div>
</center>
<div class="name" style="color: #b36b00 ;font-size:10px;margin-top:5px;text-align:center;">www.vigroup.net...</div></div><div class="phocagallery-box-file pgplugin1" style="height:160px; width:160px;position:relative;float:right;">

<center>
<div class="phocagallery-box-file-first" style="background: #eeeaec;height:140px;width:140px;">
<div class="phocagallery-box-file-second">
<div class="phocagallery-box-file-third">
<center>
<a class="shadowbox-button-rim" title="www.vigroup.net_comm07" href="/vi/testsite/joomla152/images/phocagallery/Residential/thumbs/phoca_thumb_l_www.vigroup.net_comm07.jpg" rel="shadowbox[PhocaGalleryPl1];options={slideshowDelay:0}" >
<img src="/vi/testsite/joomla152/./images/phocagallery/Residential/thumbs/phoca_thumb_m_www.vigroup.net_comm07.jpg" alt="www.vigroup.net_comm07" /></a></center>
</div>
</div>
</div>
</center>
<div class="name" style="color: #b36b00 ;font-size:10px;margin-top:5px;text-align:center;">www.vigroup.net...</div></div><div class="phocagallery-box-file pgplugin1" style="height:160px; width:160px;position:relative;float:right;">
<center>
<div class="phocagallery-box-file-first" style="background: #eeeaec;height:140px;width:140px;">
<div class="phocagallery-box-file-second">
<div class="phocagallery-box-file-third">

<center>
<a class="shadowbox-button-rim" title="www.vigroup.net_comm08" href="/vi/testsite/joomla152/images/phocagallery/Residential/thumbs/phoca_thumb_l_www.vigroup.net_comm08.jpg" rel="shadowbox[PhocaGalleryPl1];options={slideshowDelay:0}" >
<img src="/vi/testsite/joomla152/./images/phocagallery/Residential/thumbs/phoca_thumb_m_www.vigroup.net_comm08.jpg" alt="www.vigroup.net_comm08" /></a></center>
</div>
</div>
</div>
</center>
<div class="name" style="color: #b36b00 ;font-size:10px;margin-top:5px;text-align:center;">www.vigroup.net...</div></div><div class="phocagallery-box-file pgplugin1" style="height:160px; width:160px;position:relative;float:right;">
<center>
<div class="phocagallery-box-file-first" style="background: #eeeaec;height:140px;width:140px;">
<div class="phocagallery-box-file-second">
<div class="phocagallery-box-file-third">
<center>
<a class="shadowbox-button-rim" title="www.vigroup.net_comm09" href="/vi/testsite/joomla152/images/phocagallery/Residential/thumbs/phoca_thumb_l_www.vigroup.net_comm09.jpg" rel="shadowbox[PhocaGalleryPl1];options={slideshowDelay:0}" >
<img src="/vi/testsite/joomla152/./images/phocagallery/Residential/thumbs/phoca_thumb_m_www.vigroup.net_comm09.jpg" alt="www.vigroup.net_comm09" /></a></center>
</div>

</div>
</div>
</center>
<div class="name" style="color: #b36b00 ;font-size:10px;margin-top:5px;text-align:center;">www.vigroup.net...</div></div><div class="phocagallery-box-file pgplugin1" style="height:160px; width:160px;position:relative;float:right;">
<center>
<div class="phocagallery-box-file-first" style="background: #eeeaec;height:140px;width:140px;">
<div class="phocagallery-box-file-second">
<div class="phocagallery-box-file-third">
<center>
<a class="shadowbox-button-rim" title="www.vigroup.net_comm10" href="/vi/testsite/joomla152/images/phocagallery/Residential/thumbs/phoca_thumb_l_www.vigroup.net_comm10.jpg" rel="shadowbox[PhocaGalleryPl1];options={slideshowDelay:0}" >
<img src="/vi/testsite/joomla152/./images/phocagallery/Residential/thumbs/phoca_thumb_m_www.vigroup.net_comm10.jpg" alt="www.vigroup.net_comm10" /></a></center>
</div>
</div>
</div>
</center>
<div class="name" style="color: #b36b00 ;font-size:10px;margin-top:5px;text-align:center;">www.vigroup.net...</div></div><div class="phocagallery-box-file pgplugin1" style="height:160px; width:160px;position:relative;float:right;">

<center>
<div class="phocagallery-box-file-first" style="background: #eeeaec;height:140px;width:140px;">
<div class="phocagallery-box-file-second">
<div class="phocagallery-box-file-third">
<center>
<a class="shadowbox-button-rim" title="www.vigroup.net_comm11" href="/vi/testsite/joomla152/images/phocagallery/Residential/thumbs/phoca_thumb_l_www.vigroup.net_comm11.jpg" rel="shadowbox[PhocaGalleryPl1];options={slideshowDelay:0}" >
<img src="/vi/testsite/joomla152/./images/phocagallery/Residential/thumbs/phoca_thumb_m_www.vigroup.net_comm11.jpg" alt="www.vigroup.net_comm11" /></a></center>
</div>
</div>
</div>
</center>
<div class="name" style="color: #b36b00 ;font-size:10px;margin-top:5px;text-align:center;">www.vigroup.net...</div></div><div class="phocagallery-box-file pgplugin1" style="height:160px; width:160px;position:relative;float:right;">
<center>
<div class="phocagallery-box-file-first" style="background: #eeeaec;height:140px;width:140px;">
<div class="phocagallery-box-file-second">
<div class="phocagallery-box-file-third">

<center>
<a class="shadowbox-button-rim" title="www.vigroup.net_comm12" href="/vi/testsite/joomla152/images/phocagallery/Residential/thumbs/phoca_thumb_l_www.vigroup.net_comm12.jpg" rel="shadowbox[PhocaGalleryPl1];options={slideshowDelay:0}" >
<img src="/vi/testsite/joomla152/./images/phocagallery/Residential/thumbs/phoca_thumb_m_www.vigroup.net_comm12.jpg" alt="www.vigroup.net_comm12" /></a></center>
</div>
</div>
</div>
</center>
<div class="name" style="color: #b36b00 ;font-size:10px;margin-top:5px;text-align:center;">www.vigroup.net...</div></div></div><br /><br /><strong>Main Gallery:</strong><br /><div class="phocagallery">
<div class="phocagallery-box-file pgplugin2" style="height:160px; width:160px;position:relative;float:right;">
<center>
<div class="phocagallery-box-file-first" style="background: #eeeaec;height:140px;width:140px;">
<div class="phocagallery-box-file-second">
<div class="phocagallery-box-file-third">
<center>
<a class="shadowbox-button-rim" title="www.vigroup.net_home06" href="/vi/testsite/joomla152/images/phocagallery/Residential/thumbs/phoca_thumb_l_www.vigroup.net_home06.jpg" rel="shadowbox[PhocaGalleryPl2];options={slideshowDelay:0}" >

<img src="/vi/testsite/joomla152/./images/phocagallery/Residential/thumbs/phoca_thumb_m_www.vigroup.net_home06.jpg" alt="www.vigroup.net_home06" /></a></center>
</div>
</div>
</div>
</center>
<div class="name" style="color: #b36b00 ;font-size:10px;margin-top:5px;text-align:center;">www.vigroup.net...</div></div><div class="phocagallery-box-file pgplugin2" style="height:160px; width:160px;position:relative;float:right;">
<center>
<div class="phocagallery-box-file-first" style="background: #eeeaec;height:140px;width:140px;">
<div class="phocagallery-box-file-second">
<div class="phocagallery-box-file-third">
<center>
<a class="shadowbox-button-rim" title="www.vigroup.net_home07" href="/vi/testsite/joomla152/images/phocagallery/Residential/thumbs/phoca_thumb_l_www.vigroup.net_home07.jpg" rel="shadowbox[PhocaGalleryPl2];options={slideshowDelay:0}" >
<img src="/vi/testsite/joomla152/./images/phocagallery/Residential/thumbs/phoca_thumb_m_www.vigroup.net_home07.jpg" alt="www.vigroup.net_home07" /></a></center>
</div>
</div>
</div>

</center>
<div class="name" style="color: #b36b00 ;font-size:10px;margin-top:5px;text-align:center;">www.vigroup.net...</div></div><div class="phocagallery-box-file pgplugin2" style="height:160px; width:160px;position:relative;float:right;">
<center>
<div class="phocagallery-box-file-first" style="background: #eeeaec;height:140px;width:140px;">
<div class="phocagallery-box-file-second">
<div class="phocagallery-box-file-third">
<center>
<a class="shadowbox-button-rim" title="www.vigroup.net_home08" href="/vi/testsite/joomla152/images/phocagallery/Residential/thumbs/phoca_thumb_l_www.vigroup.net_home08.jpg" rel="shadowbox[PhocaGalleryPl2];options={slideshowDelay:0}" >
<img src="/vi/testsite/joomla152/./images/phocagallery/Residential/thumbs/phoca_thumb_m_www.vigroup.net_home08.jpg" alt="www.vigroup.net_home08" /></a></center>
</div>
</div>
</div>
</center>
<div class="name" style="color: #b36b00 ;font-size:10px;margin-top:5px;text-align:center;">www.vigroup.net...</div></div><div class="phocagallery-box-file pgplugin2" style="height:160px; width:160px;position:relative;float:right;">
<center>

<div class="phocagallery-box-file-first" style="background: #eeeaec;height:140px;width:140px;">
<div class="phocagallery-box-file-second">
<div class="phocagallery-box-file-third">
<center>
<a class="shadowbox-button-rim" title="www.vigroup.net_home09" href="/vi/testsite/joomla152/images/phocagallery/Residential/thumbs/phoca_thumb_l_www.vigroup.net_home09.jpg" rel="shadowbox[PhocaGalleryPl2];options={slideshowDelay:0}" >
<img src="/vi/testsite/joomla152/./images/phocagallery/Residential/thumbs/phoca_thumb_m_www.vigroup.net_home09.jpg" alt="www.vigroup.net_home09" /></a></center>
</div>
</div>
</div>
</center>
<div class="name" style="color: #b36b00 ;font-size:10px;margin-top:5px;text-align:center;">www.vigroup.net...</div></div><div class="phocagallery-box-file pgplugin2" style="height:160px; width:160px;position:relative;float:right;">
<center>
<div class="phocagallery-box-file-first" style="background: #eeeaec;height:140px;width:140px;">
<div class="phocagallery-box-file-second">
<div class="phocagallery-box-file-third">
<center>

<a class="shadowbox-button-rim" title="www.vigroup.net_home10" href="/vi/testsite/joomla152/images/phocagallery/Residential/thumbs/phoca_thumb_l_www.vigroup.net_home10.jpg" rel="shadowbox[PhocaGalleryPl2];options={slideshowDelay:0}" >
<img src="/vi/testsite/joomla152/./images/phocagallery/Residential/thumbs/phoca_thumb_m_www.vigroup.net_home10.jpg" alt="www.vigroup.net_home10" /></a></center>
</div>
</div>
</div>
</center>
<div class="name" style="color: #b36b00 ;font-size:10px;margin-top:5px;text-align:center;">www.vigroup.net...</div></div><div class="phocagallery-box-file pgplugin2" style="height:160px; width:160px;position:relative;float:right;">
<center>
<div class="phocagallery-box-file-first" style="background: #eeeaec;height:140px;width:140px;">
<div class="phocagallery-box-file-second">
<div class="phocagallery-box-file-third">
<center>
<a class="shadowbox-button-rim" title="www.vigroup.net_home11" href="/vi/testsite/joomla152/images/phocagallery/Residential/thumbs/phoca_thumb_l_www.vigroup.net_home11.jpg" rel="shadowbox[PhocaGalleryPl2];options={slideshowDelay:0}" >
<img src="/vi/testsite/joomla152/./images/phocagallery/Residential/thumbs/phoca_thumb_m_www.vigroup.net_home11.jpg" alt="www.vigroup.net_home11" /></a></center>
</div>
</div>

</div>
</center>
<div class="name" style="color: #b36b00 ;font-size:10px;margin-top:5px;text-align:center;">www.vigroup.net...</div></div><div class="phocagallery-box-file pgplugin2" style="height:160px; width:160px;position:relative;float:right;">
<center>
<div class="phocagallery-box-file-first" style="background: #eeeaec;height:140px;width:140px;">
<div class="phocagallery-box-file-second">
<div class="phocagallery-box-file-third">
<center>
<a class="shadowbox-button-rim" title="www.vigroup.net_home12" href="/vi/testsite/joomla152/images/phocagallery/Residential/thumbs/phoca_thumb_l_www.vigroup.net_home12.jpg" rel="shadowbox[PhocaGalleryPl2];options={slideshowDelay:0}" >
<img src="/vi/testsite/joomla152/./images/phocagallery/Residential/thumbs/phoca_thumb_m_www.vigroup.net_home12.jpg" alt="www.vigroup.net_home12" /></a></center>
</div>
</div>
</div>
</center>
<div class="name" style="color: #b36b00 ;font-size:10px;margin-top:5px;text-align:center;">www.vigroup.net...</div></div><div class="phocagallery-box-file pgplugin2" style="height:160px; width:160px;position:relative;float:right;">

<center>
<div class="phocagallery-box-file-first" style="background: #eeeaec;height:140px;width:140px;">
<div class="phocagallery-box-file-second">
<div class="phocagallery-box-file-third">
<center>
<a class="shadowbox-button-rim" title="www.vigroup.net_home13" href="/vi/testsite/joomla152/images/phocagallery/Residential/thumbs/phoca_thumb_l_www.vigroup.net_home13.jpg" rel="shadowbox[PhocaGalleryPl2];options={slideshowDelay:0}" >
<img src="/vi/testsite/joomla152/./images/phocagallery/Residential/thumbs/phoca_thumb_m_www.vigroup.net_home13.jpg" alt="www.vigroup.net_home13" /></a></center>
</div>
</div>
</div>
</center>
<div class="name" style="color: #b36b00 ;font-size:10px;margin-top:5px;text-align:center;">www.vigroup.net...</div></div><div class="phocagallery-box-file pgplugin2" style="height:160px; width:160px;position:relative;float:right;">
<center>
<div class="phocagallery-box-file-first" style="background: #eeeaec;height:140px;width:140px;">
<div class="phocagallery-box-file-second">
<div class="phocagallery-box-file-third">

<center>
<a class="shadowbox-button-rim" title="www.vigroup.net_home14" href="/vi/testsite/joomla152/images/phocagallery/Residential/thumbs/phoca_thumb_l_www.vigroup.net_home14.jpg" rel="shadowbox[PhocaGalleryPl2];options={slideshowDelay:0}" >
<img src="/vi/testsite/joomla152/./images/phocagallery/Residential/thumbs/phoca_thumb_m_www.vigroup.net_home14.jpg" alt="www.vigroup.net_home14" /></a></center>
</div>
</div>
</div>
</center>
<div class="name" style="color: #b36b00 ;font-size:10px;margin-top:5px;text-align:center;">www.vigroup.net...</div></div><div class="phocagallery-box-file pgplugin2" style="height:160px; width:160px;position:relative;float:right;">
<center>
<div class="phocagallery-box-file-first" style="background: #eeeaec;height:140px;width:140px;">
<div class="phocagallery-box-file-second">
<div class="phocagallery-box-file-third">
<center>
<a class="shadowbox-button-rim" title="www.vigroup.net_home15" href="/vi/testsite/joomla152/images/phocagallery/Residential/thumbs/phoca_thumb_l_www.vigroup.net_home15.jpg" rel="shadowbox[PhocaGalleryPl2];options={slideshowDelay:0}" >
<img src="/vi/testsite/joomla152/./images/phocagallery/Residential/thumbs/phoca_thumb_m_www.vigroup.net_home15.jpg" alt="www.vigroup.net_home15" /></a></center>
</div>

</div>
</div>
</center>
<div class="name" style="color: #b36b00 ;font-size:10px;margin-top:5px;text-align:center;">www.vigroup.net...</div></div><div class="phocagallery-box-file pgplugin2" style="height:160px; width:160px;position:relative;float:right;">
<center>
<div class="phocagallery-box-file-first" style="background: #eeeaec;height:140px;width:140px;">
<div class="phocagallery-box-file-second">
<div class="phocagallery-box-file-third">
<center>
<a class="shadowbox-button-rim" title="www.vigroup.net_home16" href="/vi/testsite/joomla152/images/phocagallery/Residential/thumbs/phoca_thumb_l_www.vigroup.net_home16.jpg" rel="shadowbox[PhocaGalleryPl2];options={slideshowDelay:0}" >
<img src="/vi/testsite/joomla152/./images/phocagallery/Residential/thumbs/phoca_thumb_m_www.vigroup.net_home16.jpg" alt="www.vigroup.net_home16" /></a></center>
</div>
</div>
</div>
</center>
<div class="name" style="color: #b36b00 ;font-size:10px;margin-top:5px;text-align:center;">www.vigroup.net...</div></div><div class="phocagallery-box-file pgplugin2" style="height:160px; width:160px;position:relative;float:right;">

<center>
<div class="phocagallery-box-file-first" style="background: #eeeaec;height:140px;width:140px;">
<div class="phocagallery-box-file-second">
<div class="phocagallery-box-file-third">
<center>
<a class="shadowbox-button-rim" title="www.vigroup.net_home17" href="/vi/testsite/joomla152/images/phocagallery/Residential/thumbs/phoca_thumb_l_www.vigroup.net_home17.jpg" rel="shadowbox[PhocaGalleryPl2];options={slideshowDelay:0}" >
<img src="/vi/testsite/joomla152/./images/phocagallery/Residential/thumbs/phoca_thumb_m_www.vigroup.net_home17.jpg" alt="www.vigroup.net_home17" /></a></center>
</div>
</div>
</div>
</center>
<div class="name" style="color: #b36b00 ;font-size:10px;margin-top:5px;text-align:center;">www.vigroup.net...</div></div><div class="phocagallery-box-file pgplugin2" style="height:160px; width:160px;position:relative;float:right;">
<center>
<div class="phocagallery-box-file-first" style="background: #eeeaec;height:140px;width:140px;">
<div class="phocagallery-box-file-second">
<div class="phocagallery-box-file-third">

<center>
<a class="shadowbox-button-rim" title="www.vigroup.net_home18" href="/vi/testsite/joomla152/images/phocagallery/Residential/thumbs/phoca_thumb_l_www.vigroup.net_home18.jpg" rel="shadowbox[PhocaGalleryPl2];options={slideshowDelay:0}" >
<img src="/vi/testsite/joomla152/./images/phocagallery/Residential/thumbs/phoca_thumb_m_www.vigroup.net_home18.jpg" alt="www.vigroup.net_home18" /></a></center>
</div>
</div>
</div>
</center>
<div class="name" style="color: #b36b00 ;font-size:10px;margin-top:5px;text-align:center;">www.vigroup.net...</div></div><div class="phocagallery-box-file pgplugin2" style="height:120px; width:120px;position:relative;float:right;">
<center>
<div class="phocagallery-box-file-first" style="background: #eeeaec;height:100px;width:100px;">
<div class="phocagallery-box-file-second">
<div class="phocagallery-box-file-third">
<center>
<a class="shadowbox-button-rim" title="www.vigroup.net_home19" href="/vi/testsite/joomla152/images/phocagallery/Residential/thumbs/phoca_thumb_l_www.vigroup.net_home19.jpg" rel="shadowbox[PhocaGalleryPl2];options={slideshowDelay:0}" >
<img src="/vi/testsite/joomla152/./images/phocagallery/Residential/thumbs/phoca_thumb_m_www.vigroup.net_home19.jpg" alt="www.vigroup.net_home19" /></a></center>
</div>

</div>
</div>
</center>
<div class="name" style="color: #b36b00 ;font-size:10px;margin-top:5px;text-align:center;">www.vigroup.net...</div></div></div>

</td>
</tr>

</table>
<span class="article_separator">&nbsp;</span>

												<div class="moduletable">
					<div>Copyright &#169; 2009 Visualise It Pty Ltd. All Rights Reserved.</div>

<div></div>		</div>
	
									</td>
																	</tr>
							</table>

						</div>
						<div class="clr"></div>
					</div>
					<div class="clr"></div>

				</div>

				<div id="whitebox_b">
					<div id="whitebox_bl">
						<div id="whitebox_br"></div>
					</div>
				</div>
			</div>

			<div id="footerspacer"></div>

		</div>

		<div id="footer">
			<div id="footer_l">
				<div id="footer_r">
					<p id="syndicate">
						
					</p>
					<p id="power_by">
	 				 	Powered by <a href="http://www.joomla.org">Joomla!</a>.
						valid <a href="http://validator.w3.org/check/referer">XHTML</a> and <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>.
					</p>

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


</body>
</html>
Thanks again,
Nick

Re: Layout problems in IE

Posted: 22 May 2009, 13:36
by caro84g
Hi Nick,

I couldn't really see much difference in the source codes (when I took a quick look).
Some other questions:
- You're not running Joomla 1.5.2, are you? (a subfolders is called that name)
- Do you have the same layout issue when you use display the images via a menu item?
- did you change something in the rhuk_milkyway template?

Regards, Carlien

Re: Layout problems in IE

Posted: 24 May 2009, 13:04
by mrvinch
caro84g wrote:Hi Nick,

I couldn't really see much difference in the source codes (when I took a quick look).
Some other questions:
- You're not running Joomla 1.5.2, are you? (a subfolders is called that name)
- Do you have the same layout issue when you use display the images via a menu item?
- did you change something in the rhuk_milkyway template?

Regards, Carlien
- Yes I am running 1.5.2. Is there a known issue with this version?
I do not know what you mean by (a subfolders is called that name)
- No, the issue is not present when the images are viewed via a menu item (not using the Plugin, just the Component.
- the rhuk_milkyway template is unchanged.

Cheers, Nick

Re: Layout problems in IE

Posted: 24 May 2009, 13:28
by caro84g
- Yes I am running 1.5.2. Is there a known issue with this version?
There are serious security issues with this version. And we're at 1.5.10 now.

I presume you're going to put your website online sooner or later. You can better do that with the latest version of Joomla!. I don't think this Phoca Gallery version has been tested on 1.5.2, so your problems might be solved when you're running a later version of Joomla!. I'm not sure about this though.

Regards, Carolien

Re: Layout problems in IE

Posted: 24 May 2009, 14:15
by mrvinch
Thanks,

I was going to upgrade to 1.5.10 before we went live, but did not think to think there would be issues with the plugin as the component didn't exhibit any bugs.

I have now upgraded the test site to 1.5.10 and the rhuk_milkyway template works as it should, not bugs.

However my template does not, it still displys the plugin gallery as a vertical strip. No problem with the component though...

If you have any advice I'd love to hear it, but the issue appears not to be with the plugin.

Thank you for your help and my apologies for the mess around on an old version.

Cheers,
Nick