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 5 of 5
  1. #1
    New to the CF scene
    Join Date
    Apr 2006
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Weird Padding issue in FireFox

    On the quest of trying to do this myself, I've ran into a small problem. For some reason, there is padding showing up beneath my right sidebar block, when I specifically set it to 0. Really weird, because it shows perfectly when viewed in IE6 and IE7. Here is what I use in CSS:

    #sidebar {
    position:relative;
    float:right;
    width:340px;
    }

    .block {
    width:340;
    position:relative;
    background-color:#FFF;
    margin-bottom:10px;
    padding:0px 0 0px 0;
    }
    url referring to is :here

    Thanks in advance for a solution to this matter.

  • #2
    Senior Coder
    Join Date
    Feb 2006
    Location
    USA
    Posts
    1,013
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Learn CSS. | SSI | PHP includes | X/HTML Validator | CSS validator | Dynamic Site Solutions
    Java != JavaScript && JScript != JavaScript
    Design/program for Firefox (and/or Opera), apply fixes for IE, not the other way around.

  • #3
    New to the CF scene
    Join Date
    Apr 2006
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Ok the documents you refer me to suggests that I should try using
    tr.decoration img {display: block;}
    or

    td img {vertical-align: bottom;}
    But, where exactly am I adding these, because adding either of them within my CSS file does nothing.

    Sorry, probably brain overload or something. I just can't seem to get it.

    this is my sidebar.php file:

    <div id="sidebar">

    <div class="block">

    <center><a href="http://click.linksynergy.com/fs-bin/click?id=3MRWSgDAgJE&offerid=95795.10000107&type=4&subid=0"><IMG
    alt="400GB Triple Interface Hard Drive 340x283" border="0" src="http://www.ntronics.com/media/iomega2.jpg"></a></center>

    </div>

    </div>

  • #4
    Senior Coder
    Join Date
    Feb 2006
    Location
    USA
    Posts
    1,013
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Those won't work because the <img> isn't in a table-cell (<td>). You need to change the selector chain to match your XHTML code.

    This is what you want.
    Code:
    #sidebar img {
      display: block;
    }
    Learn CSS. | SSI | PHP includes | X/HTML Validator | CSS validator | Dynamic Site Solutions
    Java != JavaScript && JScript != JavaScript
    Design/program for Firefox (and/or Opera), apply fixes for IE, not the other way around.

  • #5
    New to the CF scene
    Join Date
    Apr 2006
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Kravvitz, I pray the day I become a genius like you. In the mean while, I am glad a genius like you, is here to help. Thanks.


  •  

    Posting Permissions

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