SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Enthusiast
    Join Date
    Jun 2004
    Location
    sydney
    Posts
    71
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Post IE problems: extra space under banner

    Hi Folks,

    I've got a bit of a problem with a site in IE5.5/6. It is giving me a bonus few pixels under the banner.

    http://www.smartpath.com.au/indexNew.php

    I have set the banner bkgd to red to show it. The elements aren't floated so I don't think it is the 3 pixel jog. I am kind of stumped. Relevant CSS below:

    Code:
      #container {
     	width: 770px; 
     	margin-left: -375px; 
     	left: 50%; 
     	position: absolute; 
     	top: 25px}
      
      /*  BANNER ELEMENTS  */
      #sitetabs {
     	width: 750px; 
     	height: 35px}
     
      #banner {
     	width: 750px; 
     	height: 200px; 
     	background-color:#FF0000}
     
      #prodBan {
     	position: absolute; 
     	right: 0; 
     	top: 80px; 
     	width: 180px; 
     	z-index: 10; 
     	height: 105px}
     
      /*  search field  */
      #search {
     	position: absolute; 
     	top: 237px; 
     	right: 30px; 
     	z-index: 20; 
     	width: 230px; 
     	text-align: right}
     
     /*  MAIN MENU  */
      #menu {
     	border-top: 1px solid #FFFFFF; 
     	border-bottom: 1px solid #FFFFFF; 
     	width: 750px}
     
      #menu ul {
     	width: 100%; 
     	color: #FFFFFF; 
     	background: url(../images/home/bkgdmenu.gif) repeat #2461AA; 
     	text-transform: uppercase;}
     
     etc
    I am also having a problem with the footer, with IE not recognising the padding on li elements. CSS:

    Code:
      #footer {
     	margin-top: 15px; 
     	height: 22px; 
     	width: 750px}
     
      #footer ul {
     	padding: 1px 0 0 20px; 
     	color: #979A9B;}
     
      #footer li {
     	display: inline; 
     	padding: 3px 10px 3px 0; 
     	text-transform: uppercase; 
     	font: 10px/10px Arial, Helvetica, sans-serif}
     
      #footer li a {
     	color: #979A9B; 
     	text-decoration: none; 
     	padding-top: 3px;}
     
      #footer li a:hover {
     	text-decoration: none; 
     	color: #222729}
    Can anyone help?

    Thanks
    Ben

  2. #2
    SitePoint Enthusiast
    Join Date
    Jun 2004
    Location
    sydney
    Posts
    71
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    OK I have solved the extra few pixels below the banner (i needed to set the image to display: block) but the footer list padding in the footer still has me stumped...


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
  •