SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    Nov 2004
    Location
    Romania
    Posts
    1
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    The background is not looking good on Firefox

    Hello, guys!

    Please help me with that. I'm desperate. My client needs the website done but after I made a lot of pages, he discovered the website doesn't look good on Firefox. The background of the header area is not aligned:

    http://www.agdesign.ro/MatronSoftware/

    Please take some time to look at it and help me.

    I really don't know what to do. The html code is clean and it's written well. On IE looks great.

    Please help me.

    Thank you all in advance.

    Best regards, AG!

  2. #2
    SitePoint Addict
    Join Date
    Dec 2002
    Posts
    386
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Well I took a look at your page and well, it isn't exactly valid...
    what does this mean?
    Well firstly it means that it is difficult to help you out. Firefox is a modern browser which expects you, the professional web developer, to write valid html.
    Sadly, it has been so long since I looked at a site made with layout tables that I have forgotten most of the hacks...
    try removing white space, that might help

    else... well you probably don't want to hear it but look into css?

  3. #3
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,367
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    The problem is that your cell heights aren't the same as the image height. Ie expands the height automatically but mozilla is obeying the height you set.

    Just change the cell height from 19 to 22 in these six places.
    Code:
    	<TD HEIGHT=22 WIDTH=779> <TABLE WIDTH="779" cellspacing="0" cellpadding="0" HEIGHT="22">
    		<TR> 
    		 <TD HEIGHT=22> <IMG src="http://www.agdesign.ro/MatronSoftwar...s/image_02.gif" WIDTH=538 HEIGHT=19 ALT=""></TD>
    		 <TD> <img src="http://www.agdesign.ro/MatronSoftwar...ge_over_03.gif" name="home" width="80" height="19" border="0"></TD>
    		 <TD> <a href="buy.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('buy','','images/image_over_04.gif',1)" onFocus="this.blur()"><img src="http://www.agdesign.ro/MatronSoftwar...s/image_04.gif" name="buy" width="82" height="19" border="0"></a></TD>
    		 <TD> <a href="login.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('login','','images/image_over_05.gif',1)" onFocus="this.blur()"><img src="http://www.agdesign.ro/MatronSoftwar...s/image_05.gif" name="login" width="76" height="19" border="0"></a></TD>
    		 <TD> <IMG src="http://www.agdesign.ro/MatronSoftwar...s/image_06.gif" WIDTH=3 HEIGHT=19 ALT=""> </TD>
    		</TR>
    	 </TABLE></TD>
    </TR>
    <TR> 
    	<TD style="background-image: url('http://www.agdesign.ro/MatronSoftware/images/image_07.gif'); background-repeat:no-repeat" WIDTH=779 HEIGHT=110 valign="middle"><img src="<A href="http://www.agdesign.ro/MatronSoftware/images/logo_mov2.gif"></TD">http://www.agdesign.ro/MatronSoftware/images/logo_mov2.gif"></TD>
    </TR>
    <TR> 
    	<TD HEIGHT=22 WIDTH=779> <TABLE WIDTH="779" cellspacing="0" cellpadding="0" HEIGHT=22>
    		<TR> 
    		 <TD HEIGHT=22> <a href="company.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('company','','images/image_over_08.gif',1)" onFocus="this.blur()"><img src="http://www.agdesign.ro/MatronSoftwar...s/image_08.gif" name="company" width="79" height="19" border="0"></a></TD>

    Hope that helps.

    Paul


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •