SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Member acetate's Avatar
    Join Date
    Mar 2001
    Location
    Los Angeles
    Posts
    24
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Ns Table Align Problem

    Hi,

    Can someone point out what I'm doing wrong? Everything looks the way I want it to look in IE, however viewing the same page with Nutscape 4.78, my tables does not align properly. Here's a link to the page I'm working on

    http://66.218.36.248/index.html

    and here's where I'm having problems with. It seems like nutscape stretches the width of the first cell to more than 4px which messes up the entire left navigation bar. When I resize nutscape to about the 800 x 600 or smaller, everything works. Tried using a combination of all pixels, all percentages, or pixel & percentages nothing work!

    Code:
    	<tr>
    		<TD align="left" valign="top" width="4"><IMG src="images/layout0504200253.gif" width="4" height="6"></td>
    		<TD align="left" valign="top" background="images/layout0504200255.gif" width="10%"><IMG src="images/spacer.gif" width="1" height="1" alt=""></td>
    		<TD align="left" valign="top" width="6"><IMG src="images/layout0504200257.gif" width="6" height="6"></TD>
    		<TD align="center" valign="top" width="90%"><IMG src="images/spacer.gif" width="1" height="1" alt=""></td>	
    	</tr>
    Thanks in advance.

  2. #2
    long gone but not forgotten AljapaCo's Avatar
    Join Date
    Aug 2001
    Location
    Sweden
    Posts
    548
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    ok.. som minor crapcodeproblems...

    first, erase the valign="top" from the TD.
    It should be in the TR tag, and then you only need to write it once!

    Then, NS4 can have problems if you start a tag with TD and ends it with td... try sticking to small letters all the way!!

    I also noticed that your table is 100% PLUS 9px...

    Stick to percents all the way 1%, 10%, 87%, 2% and it would look better!

    you donīt show how you table tag looks like, have you used proper cellpadding and cellspacing??
    T O B I A S - S T R A N D H | visit my site here
    OPERA7 /MSIE6 /FireFox 1.1/Win2000 /ADSL /17" Screen /1024x768
    god doesn't create genius, he clones me.............

  3. #3
    SitePoint Member acetate's Avatar
    Join Date
    Mar 2001
    Location
    Los Angeles
    Posts
    24
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Does it really matter if <TD> and </td> have to be in the same case? I thought NS parses all tags in uppercase... Yeah.. I have cellspacing, cellpadding, and border equal to 0. Can't seem to figure out why NS is being so stubborn! Here's my full code for that particular table:

    Code:
    <TABLE cellspacing="0" cellpadding="0" width="100%" border="0">
    	<tr>
    		<TD align="left" valign="top" width="4" background="images/layout0504200235.gif" nowrap><IMG src="images/spacer.gif" width="1" height="1"></td>
    		<TD align="left" valign="top" bgcolor="#0072BC" width="10%" nowrap>
    <!-- Side Content Start -->
    			<TABLE cellspacing="0" cellpadding="0" width="100%" border="0">
    				<tr>
    					<TD align="center" valign="top" width="100%"><IMG src="images/label_specialoffers.gif" width="168" height="29" alt="Special Offers"></td>
    				</tr>
    				<tr>
    					<TD height="10" width="100%"><IMG src="images/spacer.gif" width="1" height="1"></td>
    				</tr>
    			</table></TD>
    <!-- Side Content End -->	
    		<TD align="left" valign="top" background="images/layout0504200249.gif" width="6" bgcolor="orange" nowrap><IMG src="images/spacer.gif" width="1" height="1"></TD>
    		<TD align="center" valign="top" width="90%">
    <!-- Content Body Start -->
    			<TABLE cellspacing="0" cellpadding="0" width="100%" border="0">
    
    				<tr>
    					<TD align="left" valign="top" width="100%">
    						This is a test Test test<BR>
    
    					</td>
    				</tr>
    			</table>
    <!-- Content Body End -->
    		</td>
    
    	</tr>
    
    	<tr>
    		<TD align="left" valign="top" width="4" nowrap><IMG src="images/layout0504200253.gif" width="4" height="6"></td>
    		<TD align="left" valign="top" background="images/layout0504200255.gif" width="10%" nowrap><IMG src="images/spacer.gif" width="1" height="1" alt=""></td>
    		<TD align="left" valign="top" width="6" nowrap><IMG src="images/layout0504200257.gif" width="6" height="6"></TD>
    		<TD align="center" valign="top" width="90%"><IMG src="images/spacer.gif" width="1" height="1" alt=""></td>	
    	</tr>			
    </table>
    thanks

  4. #4
    SitePoint Enthusiast darkfires's Avatar
    Join Date
    Apr 2002
    Posts
    40
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Try doing as he says and using 1% rather than 4

  5. #5
    SitePoint Member acetate's Avatar
    Join Date
    Mar 2001
    Location
    Los Angeles
    Posts
    24
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Nope.. Tried making everything in percent.. Doesn't work.

  6. #6
    SitePoint Enthusiast darkfires's Avatar
    Join Date
    Apr 2002
    Posts
    40
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I tried various hacks but no go. You're going to have to re-work that layout so it's not dependant on netscape4 having to deal with fixed and percentage widths in the same table. This is a common problem and people always have to find a way to 'mask' it. Generally the 1% hack would work but not for a width that small.

  7. #7
    SitePoint Member acetate's Avatar
    Join Date
    Mar 2001
    Location
    Los Angeles
    Posts
    24
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    OH well.. Thanks for the help! =)


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
  •