Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 8 of 8
  1. #1
    Senior Coder crmpicco's Avatar
    Join Date
    Jan 2005
    Location
    Mauchline, Scotland
    Posts
    1,096
    Thanks
    15
    Thanked 1 Time in 1 Post

    cellpadding/cellspacing issues with FF2 and IE7

    I have been struggling with a HTML issue with the following page between what is shown in FF 2 and IE 7.

    Firefox 2 shows the page perfect, however IE 7 shows it with a space between the tabs at the top and the main table. I've removed the cellpadding/spacing from the main table, but it's still there. Any ideas?

    http://www.ayrshireminis.com/index2.php

    This is my code:
    Code:
    <table align="center" style="width: 80&#37;; background-color: #FFFFFF;" bgcolor="FFFFFF"><!--cellpadding="5" cellspacing="5"-->
      <tbody>
        <tr>
          <td width="100%">
          <table style="width: 100%;" cellpadding="0" cellspacing="0">
              <tr>
                <td>
    					<table border="0" cellpadding="1" cellspacing="0" width="100%" id="main-box"><!-- style="background-color: #FFFFB1;" -->
    						<tr>
    							<td width="100%">
    								<table border="0" cellpadding="5" cellspacing="0" width="100%">
    									<tr>
    										<td><h1>Welcome to AyrshireMinis.com</h1></td>
    									</tr>
    
    .......
    CSS for tabs:

    Code:
    #main {
    	width: 62em;
    	position: absolute;
    	top: 65px;
    	left: 65%;
    	margin-left: -31em;
    	padding: 0;
    }
    #main-box {
    	clear: left;
    	margin: 0;
    	padding: 1em;
    	background: #ffc33e url(/images/main-box-bg.gif) top left repeat-x;
    	border-top: 1px solid #fff;
    }
    Any help appreciated.

    Picco
    Last edited by crmpicco; 02-17-2008 at 11:06 PM. Reason: forgot CSS styling class

  • #2
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    try adding this to your css

    Code:
    * {
    padding:0px;
    margin:0px;
    }
    that should work, hopefully, maybe!!

  • #3
    Senior Coder crmpicco's Avatar
    Join Date
    Jan 2005
    Location
    Mauchline, Scotland
    Posts
    1,096
    Thanks
    15
    Thanked 1 Time in 1 Post
    WOW! Is that valid CSS? I'll give that a try.....

  • #4
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    yeah, it should be, i use it all the time!!

  • #5
    Senior Coder crmpicco's Avatar
    Join Date
    Jan 2005
    Location
    Mauchline, Scotland
    Posts
    1,096
    Thanks
    15
    Thanked 1 Time in 1 Post
    no, that didn't work...... in FF it moved the entire table over to the LHS on the screen and the tabs came blow the level of the table.

    :-(

    Picco

  • #6
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    Code:
    td {
    margin:0px;
    padding:0px;
    }
    try that, im not sure but once in you may have to mess with some padding and margins!
    hope it works!!

  • #7
    Regular Coder maxvee8's Avatar
    Join Date
    Feb 2008
    Location
    UK
    Posts
    185
    Thanks
    19
    Thanked 18 Times in 18 Posts
    maybe put a height on what ever your tabs are in, table row / div

  • #8
    Regular Coder
    Join Date
    Feb 2008
    Location
    Australia baby!
    Posts
    143
    Thanks
    6
    Thanked 3 Times in 3 Posts
    It's not a big deal, but how come you're using 2 style sheets in the one document? I don't suppose both css files are trying to control a certain attribute, and each browser displays that differently? Like FF uses first instance of styling and IE uses the last?

    You could try making the page "elastic" by measuring in "em's" instead of "px's" like they teach you here:
    http://jontangerine.com/log/2007/09/...youts-with-css

    I hope this is of some help to you chief.
    outseeker - http://outer.reaches.dyndns.org/index.php
    I hope this helped someone. Due to this forums lame rep system penalising me for nothing, and admins inability to do anything about it, I'm sorry to say I will no longer be online here. Pride is important. Good Luck All.


  •  

    Posting Permissions

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