SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Zealot
    Join Date
    Sep 2005
    Location
    Wollongong, AUS
    Posts
    104
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Simple table... can't figure FF/IE

    EDIT: Don't worry... I've come to a compromise

    I'm trying to make a simple 1 row, 3 column table which is a banner that stretches across the screen... e.g. at top of www.agelezine.com

    With the following code it works perfectly in FF, but I can't get it looking the same in IE... any ideas on how to make it look the same in both?

    Code:
    #banner {
    	font-size: 12px;
    	font-family: 'Trebuchet MS', Arial, Sans-Serif;
    	color:#FFF;
    	background-color:#0099FF;
    	padding: 0x;
    	margin: 0x;
    	border-bottom: #888 solid 1px;
    	text-align: center;
    }
    
    #banner a {
    	color:#FFF;
    	text-decoration:none;
    }
    #banner a:hover {
    	color:#FFF;
    	background-color:#66CCFF;
    	text-decoration:none;
    }
    
    <div id="banner" style="padding:0;margin:0;height:21px;;">
    <table border=0 cellpadding=0 cellspacing=0 style="padding:0;margin:0;width:100%;border-collapse:collapse;">
    <tr>
    <td align="left" width="20%"><a href="http://www.ageltopia.com" title="Visit the Agel Topia Network"><img src="http://www.ageltopia.com/images/ageltopia_small.gif" style="padding:0;margin:0;border:0;text-decoration:none;"></a></td>
    <td align="center" width="60%" style="padding-bottom:8px;"><a href="http://www.agelcommunity.com" title="Visit the Agel Community Forums">Agel Community</a> | <a href="http://www.agelupdates.com" title="Visit the Agel Updates Blog">Agel Updates</a> | <a href="http://www.agelezine.com" title="Visit the Agel eZine">Agel eZine</a> | <a href="http://www.agelwiki.com" title="Visit the Agel Wiki">Agel Wiki</a> | <a href="http://www.agelfiles.com" title="Visit Agel Files">Agel Files</a> | <a href="http://www.agelchat.com" title="Visit the Agel Chat Site">Agel Chat</a></td>
    <td align="right" width="20%" style="padding-bottom:8px;"><a href="http://www.agelpal.com" title="Visit Agel Pal >> Profits & Leverage"><font size=0.5>Powered by</font> Agel Pal</a>&nbsp; &nbsp;</td>
    </tr>
    </table>
    </div>
    pixTower - an interesting and entertaining way of advertising!

  2. #2
    Word Painter silver trophy Shyflower's Avatar
    Join Date
    Oct 2003
    Location
    Winona, MN USA
    Posts
    10,053
    Mentioned
    142 Post(s)
    Tagged
    2 Thread(s)
    1. There is no 0x attribute as displayed in your banner id. It's either just 0 or 0px
    2. You have two semi-colons in the style element of your div id="banner"
    3. The align element is deprecated. You should use your style information to align things.
    Linda Jenkinson
    "Say what you mean. Mean what you say. But don't say it mean." ~Unknown


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
  •