SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Enthusiast exstatic's Avatar
    Join Date
    Sep 2002
    Location
    London, Melbourne
    Posts
    82
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Problems with Layout in Firefox

    This is my first attempt at css, so bare with me!

    The menu bar seems to work fine in IE, but has issues with it being centred in Firefox rather than spread out across the top, as id want it to be..

    In the document
    Code:
     <table border="0" align="center" cellpadding="4">
                   <tr align="center">
                    <td height="0">
                      <table>
                        <tr>
                          <td id="menu"><strong><a href=/temp.php>Home</a></strong></td>
                          <td id="menu"><strong><a href=/new.php>New Listings</a></strong></td>
                          <td id="menu"><strong><a href=/hot.php>Top Listings </a></strong></td>
                           <td id="menu"><strong><a href=/top_rated.php> Rated!</a></strong></td>
                          <td id="menu"><strong><a href=/pick.php>HB's Picks</a></strong></td>
                          <td id="menu"><strong><a href=/cp/>My Account </strong></td>
                          <td id="menu"><strong><a href=http://www.hostbidder.com target="_blank">Forums</a></strong></td>
                          <td id="menu"><strong><a href="/partners.php">Partners</a></strong></td>
                          <td id="menu"><strong><a href="/add.php">AddURL</a></strong></td>
                           <td id="menu"><strong><a href="/contact.php">Contact</a></strong></td>
                        </tr>
                    </table></td>
                  </tr>
                </table>
    and the css
    Code:
     #menu {
    	border: 1px solid #CCCCCC;
    	padding: 0px;
    	font-weight:bold;
    	margin: 0px 0px 0px;
    	background-color: #F3F3F3;
    	float:right;
    	white-space: nowrap;
    }
    #menu a {
    	align: center;
    	display: block;
    	width: 100%;
    	text-indent: 0px;
    	padding: 0px 9px 0px 9px; 
    	color: #FF6600;
    	align: middle;
    	
    }
    #menu a:hover {
    	background-color: #FFEBD7;
    	text-decoration: none;
    Any Help where I'm going wrong would be great,

  2. #2
    SitePoint Member
    Join Date
    May 2004
    Location
    ohio
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Haven't tried it, but its possible that the culprit would be the float right declaration in #menu, remove it and it should do what you want. However I could be wrong, its been known to happen. =0)


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
  •