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 3 of 3

Thread: Padding problem

  1. #1
    New Coder
    Join Date
    Jan 2005
    Posts
    21
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Padding problem

    I'm trying to make my box look the same in FireFox and IE. Padding-right works in IE but i get problem when i'm using FireFox.
    Is there a way to solve this problem.
    Thank You in advance

    http://dmitriy.uni.cc/new/test.htm


    CSS:
    Code:
    .newsitem p
    {  
    margin: 0px; 
    width: 574px;
    }
    
    .newsitem_top 
    {color: #fff;
    width: 574px;
    height: 13px;
    font-size: 10px;
    text-align: left;
    background-image:url(images/top.jpg);
    text-indent: 15px;}
    
    .newsitem_middle
    {
    width: 574px; 
    text-align: left;
    font-family: sans-serif;
    padding: 0px 15px 0px 15px; 
    background-image:url(images/middle.jpg);
    background-repeat: repeat-y;
    
    }
    
    
    .newsitem_bottom 
    
    {
    font-size: 10px;
    width: 574px;
    height: 17px;
    background-image:url(images/bottom.jpg);
    }

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    make the relavant css this
    Code:
    .newsitem_top 
    {color: #fff;
    width: 574px;
    height: 13px;
    font-size: 10px;
    text-align: left;
    background-image:url(images/top.jpg);
    text-indent: 15px;
    margin:0px;
    }
    .middle
    {
    width:574px;
    background-image:url(images/middle.jpg);
    background-repeat: repeat-y;
    }
    .newsitem_middle
    {
    width: 550px; 
    height:300px;
    font-family: sans-serif;
    padding:0px 15px 0px 15px;
    }
    
    .newsitem_bottom 
    
    {
    font-size: 10px;
    width: 574px;
    height: 17px;
    background-image:url(/bottom.jpg);
    margin:0px;
    }
    and add another div with class middle around your newsitem_middle paragraph

  • #3
    New Coder
    Join Date
    Jan 2005
    Posts
    21
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thank you...I'm gonna try it out i hope it works



    Test....works Thank you
    Last edited by Dmitriy; 02-05-2005 at 11:00 PM.


  •  

    Posting Permissions

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