reformatting fixed page - HELP - please!!

jonDapron · 7th October 2003, 06:14 AM

Hi,
I built a web page - www.ejwelch.com . The problem is that everything is fixed and set up for viewing at 1024 x 768. The pages will not resize when the window is resized or resolution differs. This is good because it keeps a fixed text format, but its ultimately a terrible call. I am trying to redesign the page using tables. Everything seemed to be going alright until i tried to adjust my iframe style properties, changing the top, bottom, left, right px values to %. when i do this, the iframe disapears. If someone can take a look at my source, by going to ejwelch.com and help me out on easy suggestions to make the page resize to the appropriate window- I would greatly appreciate it and there might even be a couple bucks in it for ya. Thank you very much.

**Mr. Tech** · 7th October 2003, 05:55 PM

Does it make it scroll in an 800x600 screen?

jonDapron · 8th October 2003, 12:23 AM

No, it will not scroll in 800x600. Im redoing it with tables, but cant get the iframe to even appear unless i have it defined in a script as a fixed pixel sizes. When i convert the iframe size defintion to percentages, it disapears. i dont know whats going on. my site is www.ejwelch.com. any help would be GREATLY appreciated.

jonDapron · 8th October 2003, 12:24 AM

Im sorry , I meant - IT WILL SCROLL horizontally in anything smaller than 1024x728 and looks small and weak in any higher resolution!

**Mr. Tech** · 8th October 2003, 01:56 PM

I think i see the problem... Yes, you need to add tables... Hopefully that will work. Here is what it should look like:

Code:

&lt;table border="0" width="100%">
&lt;tr>
&lt;!-- Change the width to whatever... //->
&lt;td width="150">
&lt;table align="left">
    &lt;tr>
    &lt;a href="ejw-companyInfo.htm" target="main" onClick="scrollTo(0,0)"
      onmouseover="homeButton.src='Images/Buttons/homeButtonB.gif'; return true; "
      onmouseout="homeButton.src='Images/Buttons/homeButtonA.gif'; return true; ">
    &lt;img src="Images/Buttons/homeButtonA.gif" name="homeButton" border="0"
    id="homeButton" alt="Home" width="120" height="40" />&lt;/a>
    &lt;/tr> 
    &lt;tr>   
    &lt;a href="ejw-ourBeliefs.htm" target="main" onClick="scrollTo(0,0)"
      onmouseover="ourBeliefsButton.src='Images/Buttons/ourBeliefsButtonB.gif'; return true; "
      onmouseout="ourBeliefsButton.src='Images/Buttons/ourBeliefsButtonA.gif'; return true; ">
    &lt;img src="Images/Buttons/ourBeliefsButtonA.gif" name="ourBeliefsButton" border="0"
    id="ourBeliefsButton" alt="Our Beliefs" width="120" height="40" />&lt;/a>
	&lt;/tr>
	&lt;tr>  
    &lt;a href="Documents/fallNews03.pdf"
      onmouseover="newsButton.src='Images/Buttons/newsButtonB.gif'; return true; "
      onmouseout="newsButton.src='Images/Buttons/newsButtonA.gif'; return true; ">
    &lt;img src="Images/Buttons/newsButtonA.gif" name="newsButton" border="0"
    id="newsButton" alt="News" width="120" height="40" />&lt;/a>
    &lt;/tr>
    &lt;tr>
    &lt;a href="ejw-products.htm" target="main" onClick="scrollTo(0,0)"
      onmouseover="productsButton.src='Images/Buttons/productsButtonB.gif'; return true; "
      onmouseout="productsButton.src='Images/Buttons/productsButtonA.gif'; return true; ">
    &lt;img src="Images/Buttons/productsButtonA.gif" name="productsButton" border="0"
    id="productsButton" alt="Products" width="120" height="40" />&lt;/a>
	&lt;/tr>
	&lt;tr>	
	&lt;a href="ejw-services.htm" target="main" onClick="scrollTo(0,0)"
      onmouseover="servicesButton.src='Images/Buttons/servicesButtonB.gif'; return true; "
      onmouseout="servicesButton.src='Images/Buttons/servicesButtonA.gif'; return true; ">
    &lt;img src="Images/Buttons/servicesButtonA.gif" name="servicesButton" border="0"
    id="servicesButton" alt="Services" width="120" height="40" />&lt;/a>
    &lt;/tr>
    &lt;tr>    
    &lt;a href="Documents/specials9-12-03.pdf"
      onmouseover="specialsButton.src='Images/Buttons/specialsButtonB.gif'; return true; "
      onmouseout="specialsButton.src='Images/Buttons/specialsButtonA.gif'; return true; ">
    &lt;img src="Images/Buttons/specialsButtonA.gif" name="specialsButton" border="0"
    id="specialsButton" alt="Specials" width="120" height="40" />&lt;/a>
    &lt;/tr>
    &lt;tr>  
    &lt;a href="ejw-templateSampleRequest.htm" target="_top" onClick="scrollTo(0,0)"
      onmouseover="sampleRequestButton.src='Images/Buttons/sampleRequestButtonB.gif'; return true; "
      onmouseout="sampleRequestButton.src='Images/Buttons/sampleRequestButtonA.gif'; return true; ">
    &lt;img src="Images/Buttons/sampleRequestButtonA.gif" name="sampleRequestButton" border="0"
    id="sampleRequestButton" alt="Sample Request" width="120" height="40" />&lt;/a>
	&lt;/tr>
	&lt;tr>
	&lt;a href="ejw-MSDS.htm" target="main" onClick="scrollTo(0,0)"
      onmouseover="MSDSButton.src='Images/Buttons/MSDSButtonB.gif'; return true; "
      onmouseout="MSDSButton.src='Images/Buttons/MSDSButtonA.gif'; return true; ">
    &lt;img src="Images/Buttons/MSDSButtonA.gif" name="MSDSButton" border="0"
    id="MSDSButton" alt="MSDS" width="120" height="40" />&lt;/a>
    &lt;/tr>
    &lt;tr>  
    &lt;a href="ejw-technical.htm" target="main" onClick="scrollTo(0,0)"
      onmouseover="technicalButton.src='Images/Buttons/technicalButtonB.gif'; return true; "
      onmouseout="technicalButton.src='Images/Buttons/technicalButtonA.gif'; return true; ">
    &lt;img src="Images/Buttons/technicalButtonA.gif" name="technicalButton" border="0"
    id="technicalButton" alt="Technical" width="120" height="40" />&lt;/a>
	&lt;/tr>
	&lt;tr>	
	&lt;a href="ejw-locateDealer.htm" target="main" onClick="scrollTo(0,0)"
      onmouseover="locateDealerButton.src='Images/Buttons/locateDealerButtonB.gif'; return true; "
      onmouseout="locateDealerButton.src='Images/Buttons/locateDealerButtonA.gif'; return true; ">
    &lt;img src="Images/Buttons/locateDealerButtonA.gif" name="locateDealerButton" border="0"
    id="locateDealerButton" alt="Locate Dealer" width="120" height="40" />&lt;/a>
    &lt;/tr>
    &lt;tr>   
    &lt;a href="customer_login.asp" target="_top" onClick="scrollTo(0,0)"
      onmouseover="remoteLoginButton.src='Images/Buttons/remoteLoginButtonB.gif'; return true; "
      onmouseout="remoteLoginButton.src='Images/Buttons/remoteLoginButtonA.gif'; return true; ">
    &lt;img src="Images/Buttons/remoteLoginButtonA.gif" name="remoteLoginButton" border="0"
    id="remoteLoginButton" alt="Remote Login" width="120" height="40" />&lt;/a>
    &lt;/tr>
    &lt;tr>
    &lt;img align = "left" border="0" src="Images/transPix.gif" width="26" height="8">
    &lt;/tr>
    &lt;tr>
    &lt;img align = "left" border="0" src="Images/transPix.gif" width="17" height="20">
    &lt;a href="http://www.adobe.com/products/acrobat/readstep.html" target="_blank">
    &lt;img align = "center" border="0" src="Images/adobeLogo.gif" width="88" height="31">&lt;/a>
    &lt;/tr>
    &lt;tr>
    &lt;img align = "left" border="0" src="Images/transPix.gif" width="26" height="8">
    &lt;/tr>
    &lt;tr>
    &lt;img align = "left" border="0" src="Images/transPix.gif" width="40" height="20">
    &lt;a target="_top" href="http://t.extreme-dm.com/?login=ejwelch">
    &lt;img src="http://t1.extreme-dm.com/i.gif" height=38 border=0 width=41 alt="">&lt;/a>
    &lt;/tr>
	&lt;/table>
	&lt;/td>&lt;td width="30">
  &lt;img align = "left" border="0" src="Images/transPix.gif" width="30" height="60">&lt;/td>
&lt;td>
  &lt;div id="floatframe">
  &lt;iframe scrolling="no" src="ejw-companyInfo.htm" name=main id=main height="100%" width="100%" 
  align="center">
  If you can see this, your browser doesn't support IFRAMES. Please upgrade to the latest 
  version of Internet Explorer or Netscape Navigator, or contact your network administrator 
  for assistance.&lt;/iframe>
  &lt;/div>	
  &lt;/nobr>	
&lt;/td>
&lt;/tr>
&lt;/table>

Hope that helps!

jonDapron · 8th October 2003, 11:46 PM

I wanted to thank you for all of your help. I really appreciate this.

**Mr. Tech** · 9th October 2003, 10:03 AM

Have you added the table yet or do you need help?

jonDapron · 10th October 2003, 12:09 AM

Hi,
I added the exact code you gave me, and its definately a step in the right direction. The only remaining problems are: 1. the title seems to slowly sink under the iframe when the resolution is increased, ie how can i get the title-iframe spacing semi-fixed? and 2. i want the iframe to adjust to the width of the browser, but when i adjust the style px properties and change them to percentages, it disapears! As always, any help would be extremely appreciated. Thank you in advance!