Help plz - Stupid IE & FF problem...

SpaceshipSpaceship
NamecheapNamecheap
Watch

user-7256

VIP Member
Impact
111
First, I'd like to rant about why Microsoft made up their OWN rules when they wrote IE??? How come they don't comply to the W3C standards?

Anyway,

Please compare this page in IE and FF:

http://www.vibewave.com/mp/index.php

How can I get that green line to stay where it is supposed to?

Thanks for ANY help,
-Matt
 
0
•••
The views expressed on this page by users and staff are their own, not those of NamePros.
GoDaddyGoDaddy
Nothing friggin looks right in IE...I wish m$ would just roll over and die.
 
0
•••
I'm putting that in my little book of quotes :) I agree completely.

... I still need some advice...
 
0
•••
Your code was so messed up I'm surprised it worked at all; in this case I think the developer is to blame, not the software.

I fixed your problem after a bit of re-writing:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<STYLE>
body {
	margin:0
}
.linetd {
	background-image: url(http://www.vibewave.com/mp/img/line.png);
	background-repeat: repeat-x;
}
.smallcontent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: black;
}
.content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: black;
}
a {color: #996600; text-decoration: underline}
a:hover {color: #990000; text-decoration: underline}
</STYLE>
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<TITLE>Matt's Projects.net</TITLE>
</HEAD>

<BODY>






<TABLE width="100%" border="0" cellspacing="0" cellpadding="0">

  <TR>
    <TD width="397" align="right" valign="top" height="44">
		<IMG src="img/logo.jpg" width="377" height="44" hspace="10" vspace="5">
		<IMG src="img/slogan.jpg" width="377" height="17"> 
	</TD>

    <TD height="21" width="22" valign="top"><IMG src="img/lineend.png" width="22" height="21" vspace="33">
	</TD>

    <TD valign="top"><div class="linetd" style="height:21px;position:relative;top:33px;"> </div>
	</TD>

    <TD width="106"><IMG src="img/corner.jpg" width="232" height="131"> 
	</TD>

  </TR>
</TABLE>







<TABLE width="100%"  border="0" cellspacing="0" cellpadding="5">
  <TR>
    <TD width="191"><TABLE width="191" border="0" cellspacing="0" cellpadding="5">
      <TR>
        <TD background="img/boxtop.png" width="191" height="15"></TD>
      </TR>
      <TR>
        <TD background="img/box.png" class="smallcontent">
        <center>
        <table border="0" cellspacing="0" cellpadding="0" width="165" align="center">
        <tr>
        	<td width="100%">
		<center><img src="img/current.jpg" alt="Current Projects" border="0"></center>
		<small>
		<a href="#"><b>Flonds</b></a> - Site description here. Site description here. Site description
		here. Site description here.</small>
		<BR><BR>
		
		<center><img src="img/featured.jpg" alt="Featured Project" border="0"></center>
		<small>
		<a href="#"><b>Site Name Here</b></a> - Site description here. Site description here. Site description
		here. Site description here.</small>
		<BR><BR>
		
		<center><img src="img/annoying.jpg" alt="Annoying Projects" border="0"></center>
		<small>
		<a href="#"><b>Site Name Here</b></a> - Site description here. Site description here. Site description
		here. Site description here.</small>
		<BR><BR>
		
		<center><a href="#"><img src="img/ancient.jpg" alt="Ancient History... [click here]" border="0"></a></center>
		</td></tr></table>
		</TD>
      </TR>
      <TR>
        <TD background="img/boxbottom.png" width="191" height="15"></TD>
      </TR>
    </TABLE></TD>
    <TD width="*" valign="top" class="content">
    
    <b>Matt's Projects.net - Home to several growing websites and Internet services.</b>
    <BR><BR>
    You're probably wondering, "Who is this geek?" Well, first I must say that what you
    are thinking is merely a common misconception. I'm not a geek - I'm a techie.
    
    </TD>
    <td width="220" valign="top" class="content" style="border-left: 1px solid #E0E0E0">
    <center><img src="img/nav.jpg" alt="Navigation" border="0"></center>
    <BR><BR>
    Coming soon!
        
    </td>
  </TR>
</TABLE>
</BODY>
</HTML>
 
0
•••
Thank you SOOO Much! Great article in your sig, too.

NP$ sent :)
 
0
•••
No worries, thanks.
 
0
•••
Your right image is broken. I would recommend making an overall div. The div will contain all the pictures. All of the pictures will but up to the top of this invisible div and will line up pefect.

Hope This Helps,
 
0
•••
Microsoft seriously like to make their own rules, what they say goes, its like they compeletly rewrote the W3C standards, which arnt valid at all, and then if someone makes a W3C valid site and it looks ok in firefox, Microsoft says that they didn't code it right, thus it not working in IE.

Maybe when the final release of the next IE version comes out, we will see the tabbed browsing, stolen from firefox (stolen from opera) and it reads the W3C Standards better.

Lets hope so anyway, I still doubt it though :P

PJ
 
0
•••
IE 7 has tabbed browsing, it also meets css 2.0 standards, and has .png transparency support, aswell as some other goodies. I really hope it helps close the gap between IE and FF so coding for one browser finally works for all.
 
0
•••
CatchedCatched

We're social

Escrow.com
Spaceship
Domain Recover
CryptoExchange.com
Catchy
DomDB
NameFit
  • The sidebar remains visible by scrolling at a speed relative to the page’s height.
Back