SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Zealot Tech9's Avatar
    Join Date
    Oct 2004
    Location
    Arlington, TX
    Posts
    113
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    FireFox problem with css

    For some reason when you look at my site in firefox it shows something weird to the far right of the window???

    www.teamsik.net/teamsiknet can someone please help me.

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

    Looks like a box model issue where the 2 pixels are added to the width in compliant browsers because of the 1px border on either side.

    Have a look at the FAQ on the broken box model for more info.

    this code should help.
    Code:
    .tablewidth {
     width:978px
    }
    * html .tablewidth{width:980px}/* ie broken box model*/
    </style>
    <body bgcolor=#d9d9d9 leftmargin=0 topmargin=0 marginwidth=0 marginheight=0>
    <table class="tablemain tablewidth" cellpadding="0" cellspacing="0" align="center"><tr><td>
      <table class="tablewidth" border="0" cellpadding="0" cellspacing="0"align="center">
    	<tr> 
    	  <td class="tdtop tablewidth" valign="top" background="http://www.teamsik.net/teamsiknet/banner.jpg"  height="120"></td>
    	</tr>
    	<tr>
    Mozilla is given 978px plus its borders which equals 980px. Ie gets 980px and puts its border inside to leave it still at 980px.

    Paul

  3. #3
    SitePoint Zealot Tech9's Avatar
    Join Date
    Oct 2004
    Location
    Arlington, TX
    Posts
    113
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thank you


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
  •