Jump to content


Yet another IE/FF Conflict

Started by pistonsfreak, Jul 05 2008 09:12 PM

5 replies to this topic

#1 pistonsfreak

    Young Padawan

  • Members
  • Pip
  • 174 posts

Posted 05 July 2008 - 09:12 PM

Layout is completey screwed up in IE, but not FF.

IE -
Posted Image

FF -
Posted Image

Heres the code -

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>SI Cut Gallery</title>
<style type="text/css">
<!--
body {
	background-image: url(images/background.png);
	background-position: center;
	background-repeat:no-repeat;
	padding: 0;
	margin: 0;
}

.style1 {
	background-color: #CCCCCC;
	color:#1e687d;
	font:Arial, Helvetica, sans-serif;
	font-size: 16px;
} 
-->
</style></head>

<body>
<table width="825" height="487" border="0" align="center" cellspacing="1" cellpadding="0" bgcolor="#FFFFFF" style="overflow:hidden">
  <tr>
	<td height="128" colspan="8" style="overflow:hidden" cellpadding="0"><img src="images/header.png" width="825" height="128" align="middle"/></td>
  </tr>
  <tr>
	<td class="style1" td width="197" height="21" background="images/sportzmenu.png" style="overflow:hidden">&nbsp;</td>
	<td width="56" height="21" class="style1"><div align="center"><a href="nba" class="style1" style="TEXT-DECORATION:NONE">NBA</a></div></td>
	<td width="47" height="21" class="style1"><div align="center"><a href="nhl" class="style1" style="TEXT-DECORATION:NONE">NHL</a></div></td>
	<td width="46" height="21" class="style1"><div align="center"><a href="nfl" class="style1" style="TEXT-DECORATION:NONE">NFL</a></div></td>
	<td width="54" height="21" class="style1"><div align="center"><a href="mlb" class="style1" style="TEXT-DECORATION:NONE">MLB</a></div></td>
	<td width="62" height="21" class="style1"><div align="center"><a href="other" class="style1" style="TEXT-DECORATION:NONE">OTHER</a></div></td>
	<td width="122" height="21" class="style1"><div align="center"><a href="nonsports" class="style1" style="TEXT-DECORATION:NONE">NON-SPORTS</a> </div></td>
	<td width="197" height="21" background="images/insomniamenu.png" class="style1">&nbsp;</td>
  </tr>
  <tr>
	<td colspan="8">&nbsp;</td>
  </tr>
</table>
</body>
</html>

#2 Tirus

    P2L Jedi

  • Members
  • PipPipPip
  • 764 posts
  • Gender:Male
  • Location:Montreal, Canada
  • Interests:Web Design, Programming, Music, Martial Arts

Posted 05 July 2008 - 11:07 PM

try changing your <tr> tags to <tr valign="top"> and if that doesn't work, try adding valign="top" in the td tags as well.

#3 pistonsfreak

    Young Padawan

  • Members
  • Pip
  • 174 posts

Posted 05 July 2008 - 11:41 PM

It brought the banner up thats about it, now I just need the menu to be brought up as well.

#4 MarkB

    Young Padawan

  • Members
  • Pip
  • 26 posts
  • Gender:Male
  • Location:In a land Far Far away: Australia

Posted 07 July 2008 - 08:39 AM

Well from what i can see IE is doing what it thinks is best for you and evening out that space. to fix it you could:

1. Fill up that lower area with content which will push that menu back up there.
2. Get that menu into its own table and valign that up
3. Since your design seems quite simple you could code your design in 3-4 divs.

Edited by MarkB, 07 July 2008 - 08:39 AM.

#5 Ghost

    Honored P2L Member

  • P2L Staff
  • PipPipPip
  • 675 posts
  • Gender:Male
  • Location:Australia

Posted 07 July 2008 - 07:59 PM

I'd go with div's like Mark said.. much more simple and the chance of running into a browser problem (especially with a fairly basic design) would be slim.

#6 Tirus

    P2L Jedi

  • Members
  • PipPipPip
  • 764 posts
  • Gender:Male
  • Location:Montreal, Canada
  • Interests:Web Design, Programming, Music, Martial Arts

Posted 07 July 2008 - 10:54 PM

View Postpistonsfreak, on Jul 5 2008, 11:41 PM, said:

It brought the banner up thats about it, now I just need the menu to be brought up as well.
did you also change the tr tag that holds the menu buttons?

if so, then i agree with the above...try and work with divs, or keep experimenting with the table and alignments...one combination should eventually work out...it may not be "pretty" (code-wise), but it'll work out.
Back to Programming and General Web Design · Next Unread Topic →


1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users

  1. Pixel2Life Forum
  2. → Help Section
  3. → Programming and General Web Design