a little help request...

Jason

Jason

Eyebrow Moderator
maybe im being anal, but i want this design to look the same for the most part in all browsers....

i am working on a site, here is my test page thus far http://bythetree.org/test4.html

depending on what browser you have you will see something different as far as alignment goes in the header... these are screen grabs as to what you might see....

correct

iepc.gif

IE6 Windows 2000

iemac.gif

IE5.2 OSX

incorrect

camino.gif

Camino 7.0

safari.gif

Safari v64

basically i need the headers to be butted up against the top of the table (minus padding) like the IE's have it....

also in safari, on the bottom, i get this....

safaribottom.gif


every other browser doesnt give me that... any clues?

once again the page is at http://bythetree.org/test4.html

and here is the code

Code: 
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html><head><title>test</title>

<style type="text/css">
	@import "all.css";
	
	#main {
		background:#000;
		overflow: visible;
		margin:0px 0px 0px 0px;
		minimum-width:636px;
		}

	#main #menu {
		float:right;
		width:100px;
		background:#cccccc;
		margin:0px 0px 0px 0px;
		}
	
	#body {
		background:#fff;
		margin-right:0px;
		margin-left:0px;
		}
		
	#bottom {
	background:#000;
	margin-right:0;
	margin-left:0;
	padding:0px;
	width:100%;
	height:100px;
	overflow: hidden;
		}
		
	#bottom #bcurve {
	float:left;
	background:#cccccc;
	width:100px;
	vertical-align: bottom;
		}
	
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head><body bgcolor="#CCCCCC" leftmargin="10" topmargin="10" marginwidth="10" marginheight="10" onload="MM_preloadImages('images/Untitled-2_r1_c1_f2.gif','images/Untitled-2_r2_c1_f2.gif','images/Untitled-2_r3_c1_f2.gif','images/Untitled-2_r4_c1_f2.gif','images/Untitled-2_r5_c1_f2.gif','images/Untitled-2_r6_c1_f2.gif')">
<div id="main">
  <div id="menu">
    <div align="left"><img src="images/curve.gif" width="100" height="100" /></div>
  </div>
	<div align="left"><img src="images/Tree-20.jpg" width="536" height="100" /></div>
</div>
<div id="body">
  <table width="100%" border="0" cellpadding="10" cellspacing="1" bgcolor="#000000">
    <tr>
      <td width="5%" align="center" valign="top" bgcolor="#FFFFFF"><table width="120" border="0" align="center" cellpadding="0" cellspacing="0">
        <!-- fwtable fwsrc="Untitled" fwbase="Untitled-2.gif" fwstyle="Dreamweaver" fwdocid = "742308039" fwnested="0" -->
        <tr>
          <td><img src="images/spacer.gif" width="120" height="1" border="0" alt="" /></td>
          <td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>
        </tr>
        <tr>
          <td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Untitled2_r1_c1','','images/Untitled-2_r1_c1_f2.gif',1)"><img src="images/Untitled-2_r1_c1.gif" alt="" name="Untitled2_r1_c1" width="120" height="18" border="0" id="Untitled2_r1_c1" /></a></td>
          <td><img src="images/spacer.gif" width="1" height="18" border="0" alt="" /></td>
        </tr>
        <tr>
          <td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Untitled2_r2_c1','','images/Untitled-2_r2_c1_f2.gif',1)"><img src="images/Untitled-2_r2_c1.gif" alt="" name="Untitled2_r2_c1" width="120" height="23" border="0" id="Untitled2_r2_c1" /></a></td>
          <td><img src="images/spacer.gif" width="1" height="23" border="0" alt="" /></td>
        </tr>
        <tr>
          <td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Untitled2_r3_c1','','images/Untitled-2_r3_c1_f2.gif',1)"><img src="images/Untitled-2_r3_c1.gif" alt="" name="Untitled2_r3_c1" width="120" height="24" border="0" id="Untitled2_r3_c1" /></a></td>
          <td><img src="images/spacer.gif" width="1" height="24" border="0" alt="" /></td>
        </tr>
        <tr>
          <td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Untitled2_r4_c1','','images/Untitled-2_r4_c1_f2.gif',1)"><img src="images/Untitled-2_r4_c1.gif" alt="" name="Untitled2_r4_c1" width="120" height="22" border="0" id="Untitled2_r4_c1" /></a></td>
          <td><img src="images/spacer.gif" width="1" height="22" border="0" alt="" /></td>
        </tr>
        <tr>
          <td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Untitled2_r5_c1','','images/Untitled-2_r5_c1_f2.gif',1)"><img src="images/Untitled-2_r5_c1.gif" alt="" name="Untitled2_r5_c1" width="120" height="23" border="0" id="Untitled2_r5_c1" /></a></td>
          <td><img src="images/spacer.gif" width="1" height="23" border="0" alt="" /></td>
        </tr>
        <tr>
          <td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Untitled2_r6_c1','','images/Untitled-2_r6_c1_f2.gif',1)"><img src="images/Untitled-2_r6_c1.gif" alt="" name="Untitled2_r6_c1" width="120" height="18" border="0" id="Untitled2_r6_c1" /></a></td>
          <td><img src="images/spacer.gif" width="1" height="18" border="0" alt="" /></td>
        </tr>
      </table>
      <div align="center"></div></td>
      <td width="95%" align="left" valign="top" bgcolor="#FFFFFF"><div align="left">
        <table width="95%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td align="left" valign="top"><div align="left">
              <h1>Heading Testing (Heading 1)</h1>
              <p>  In 1993 Marc Andreessen launched Mosaic, the first browser
                to navigate the Web. In this vintage cyberspace, gray pages and
                low-resolution graphics were rife.</p>
              <p>&quot;
                  I remember downloading it and running it on x-windows when it
                  was running, said Pindar Wong, from Packet Clearing House.</p>
              <p>&quot; So now it's really great to see parents and grandchildren
                    and everyone using the Internet sort of through browser interfaces.
                  It is a milestone. But I think the game is changing.&quot;</p>
              <p>It is changing because these days, the Internet is a
                        much bigger beast. The &quot;critical infrastructure&quot; that
                        hosts governments, businesses and universities is far-reaching,
                  but far from flawless.</p>
              <p>With jerky video and hourglass
                          icons, it's little wonder some call it the world wide
                          wait. But one group is out
                          to change
                  that.</p>
              <h2>-Note Author (Heading 2)</h2>
              <h1>Another Heading</h1>
              <p>Enter &quot;Internet 2&quot; -- a U.S.-led effort to build cyberspace
                all over again, this time better</p>
              <p>&quot;
                    Well the current Internet is not designed for the next generation
                    of applications,&quot; said Ted Hanss, Director of Internet
                  2.</p>
              <p>&quot; It's really focused on tens of millions of dial-up users.
                Not the applications that would really change how we do teaching,
                  learning and education.&quot;</p>
              <p>The Internet 2 backbone in the
                      United States moves billions of bits of data per second,
                      300,000 times faster than the
                      connection we have at home, said Hanss.</p>
              <p>Moving with such
                  speed, Internet 2 will be able to provide remote diagnosis
                for doctors, send detailed medical files
                        in a flash,
                        stage high-resolution videoconferences and download virtual
                  reality applications.</p>
              <p>Champions of the project say Internet
                  2 shows what the net will do three to five years from now.</p>
              <h2>-Heading Author Duex</h2>
            </div></td>
          </tr>
        </table>
      </div></td>
    </tr>
  </table>
</div>
<div id="bottom">
  <div class="bottom" id="bcurve"><img src="images/curve2.gif" width="100" height="100" /></div><h3>&nbsp;</h3>
  <h3>test test</h3>
</div>
</body>
</html>

Thanks for any help :)
 
You must log in or register to reply here.
Back
Top