SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    Jun 2008
    Posts
    22
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Image Button drops Float on IE6

    Hi guys i have this image links in this site http://www.grupohormadi.com
    i have the main content and a linklist wrapped and a kind of sidebar floated beside that wrapper, inside i have image buttons like this:
    Code:
    <h3><a id="sbr_estaciones_btn" href="estaciones.php">estaciones de servicio</a></h3>
    and stilted like this:
    Code:
    a#sbr_estaciones_btn
    {
            display:block;
    	margin-top:8px;
    	margin-left:11px;
    	width:189px;
    	height:30px;
    	background:url(imgs/sbr_h2_estaciones_over.png) no-repeat;
    	
    }
    a#sbr_estaciones_btn:link, a#sbr_estaciones_btn:visited
    {
    	background:url(imgs/sbr_h2_estaciones.png) 
            no-repeat;
    }
    a#sbr_estaciones_btn:hover, a#sbr_estaciones_btn:focus
    {
    	margin-top:8px;
    	margin-left:11px;
    	background:url(imgs/sbr_h2_estaciones_over.png) no-repeat;
    }
    Well the thing is that this drops the float of the sidebar on IE6 and moves it down, when i take down the "display:block;" the float works again, but the buttons disappear, is there a fix, cheat or something to make it work? or should i change the buttons method?

  2. #2
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,656
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)
    What happens if you float the button instead?

  3. #3
    SitePoint Wizard bronze trophy Tyssen's Avatar
    Join Date
    Oct 2005
    Location
    Brisbane, QLD
    Posts
    4,067
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Check that all your widths add up. Also, sbr_estaciones_btn should be a class, not an ID, because you use it more than once on the same page.


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
  •