IE Firefox problems

Forum Moderators: phranque

Message Too Old, No Replies

IE Firefox problems

codez

3:22 pm on Jun 14, 2005 (gmt 0)

Ok I am new to the forums here so Hi all

My thing is that I designed a website in photoshop and used slices to cut it up and everything went smooth but I was testing the site in FireFox. When the site is pulled up in Internet Explorer or AOL browser the menu doesnt look right.

Here are the images of what they look like:
<snip>

<snip>

any idea why this is happening? Website is located at <snip>

any help would be appriciated since I cant figure it out on my own

thanks in advance

[edited by: physics at 5:47 pm (utc) on June 16, 2005]
[edit reason] oops, no specific urls please [/edit]

treeline

4:22 pm on Jun 14, 2005 (gmt 0)

Welcome to Webmasterworld!

I'd look at the source code for the page -- are your images in paragraphs? Are there spaces (like from the space bar) between the images? These sometimes cause strange reactions when organizing images this way.

Philosopher

4:26 pm on Jun 14, 2005 (gmt 0)

I replied to your earlier post, but it seems to have been deleted (most likely because of the links in your post...It's against the TOS of the site to post links to sites).
You will want to edit your post to remove the links and references to your site(s).

Do you have a DTD on your page? IE and Firefox definitely have different ways of displaying pages, but using a DTD will generally force them to display the pages in a much similar way.

If you aren't using one, I'd use something like

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

and see if that makes a difference in the display.

codez

7:27 pm on Jun 14, 2005 (gmt 0)

I tried DTD but didnt make much difference here are the slices as I have them laid out

<div align="center">
<table id="Table_01" width="793" height="612" border="0" cellpadding="0" cellspacing="0">

<tr>
<td colspan="5">
<img src="images/index_01.gif" alt="" width="792" height="110" border="0" usemap="#Map3"></td>
<td width="1">
<img src="images/spacer.gif" width="1" height="110" alt=""></td>
</tr>
<tr>
<td height="36" colspan="3">
<img src="images/index_02.gif" width="164" height="36" alt=""></td>
<td width="578" rowspan="5" valign="top">
<p><img src="images/index_09.gif" width="578" height="11" alt=""></p> <p align="center"><img src="images/main/WOMANDRESSER2.jpg" width="350" height="528"></p></td>
<td width="50" rowspan="4">
<img src="images/index_04.gif" width="50" height="502" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="36" alt=""></td>
</tr>
<tr>
<td width="12" rowspan="3">
<img src="images/index_05.gif" width="12" height="466" alt=""></td>
<td width="149" height="29"> <form name="form1" method="post" action="">
<input name="textfield" type="text" value="Search...">
</form></td>
<td width="3" rowspan="3">
<img src="images/index_07.gif" width="3" height="466" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="29" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/index_08.gif" alt="" width="149" height="437" border="0" usemap="#Map"></td>
<td height="426">
<img src="images/spacer.gif" width="1" height="426" alt=""></td>
</tr>
<tr>
<td height="11">
<img src="images/spacer.gif" width="1" height="11" alt=""></td>
</tr>
<tr>
<td height="325" colspan="2" valign="top"> </td>
<td></td>
<td colspan="2" valign="top"> </td>
</tr>
</table>

hope this isnt too much code

treeline

10:15 pm on Jun 14, 2005 (gmt 0)

Well, that's a bunch of code, not much documentation, and with only an image to compare to it's a little hard to see the complete picture. Several things look like interesting places to start. Number 1 or 2 are likely culprits.
1. Does each of the rows in the table have the same number of columns? It's not clear to me that they do.
2. Why do so many cells and images have heights of 426 or 437? This seems really tall for a navigation button, and inconsistent with the images you're showing.
3. Also there is a line return between your column starting and the image. While this is usually fine, occasionally this type of formatting clears up when they're on the same line with no spaces.