n00b needing some CSS help

Discussion in 'Web Design and Development' started by jones14, Jan 18, 2009.

  1. jones14 macrumors member

    Joined:
    Mar 1, 2007
    #1
    Hi, I'm building a website for an FBLA competition and i've ran into a small problem that I believe has to do with CSS, i've looked at it for hours trying to figure it out and am still confused, it does show up fine in the preview in Dreamweaver, but in Safari and Firefox there are gaps in between some of my divs and I can't seem to resolve them because tbh I don't have a clue about CSS. I can't host the website yet, sry. I attached a screenshot though.
    Here is the CSS code for the specific part
    Code:
    /* CONTENT BOX*/  
    .content_box {
    	width:825px;
    	float:none;
    	margin:auto;
    }
      
    .content_main{  
    background:url(images/content.png);  
    background-repeat:repeat-y;  
    width: 825px;  
    }  
      
    .content_main p {
    	font-family: Verdana;
    	color: #000000;
    	font-size: 11px;
    	margin-left: 30px;
    	margin-right: 30px;
    }   
    .content_bottom {  
    background:url(images/content_bottom.png);  
    background-repeat:no-repeat;  
    width:825px;   
    margin-bottom: 0px;
    height:45px;
    }  
      
    .content_bottom p {  
    font-family: Verdana, Arial, Helvetica, sans-serif, Impact;  
    color: #5C5741;  
    font-size: 9px;  
    float: right;  
    padding-top: 0px;  
    padding-right: 15px;  
    padding-left: 15px;  
    padding-bottom: 10px;  
      
    }  
    /* CONTENT BOX END*/ 
    The HTML (looks good to me)
    Code:
    <div class="content_box">  
    <div class="content_main">  
    <p>texjgrolkjglkajdfl;kadjfl;akdjfl;akdjfal;kdjf;lakdjfl;akdjfal;dksfja;ldkjfa;ldkjfaldkjfalkdjfla;dkjfaajl;kdfjakldjfalskdjflaksdjf</p>
    <p>al;ksjdfal;ksdjfal;ksjdfl;aksdjfalskdjfal;skdfjal;dkfjas;ldkfjads;lkfjas;ldkfjasldkfjal;sdkfjalsdkfjalt</p>
    </div>  
    <div class="content_bottom">  
    <p></p></div>
    </div>  
    Thanks for looking!
     

    Attached Files:

  2. jones14 thread starter macrumors member

    Joined:
    Mar 1, 2007
    #2
    oops, just had a breakthrough, for the content and bottom content classes I added a negative 11 top margin and it sealed those gaps right up, thanks for looking anyways.

    Thread can be closed now, sry!
     
  3. brasseale macrumors newbie

    Joined:
    May 26, 2008
    #3
    Firebug

    I don't know if you use firebug or not, but it really helps with a lot of problems like you posted here. Check it out.
     

Share This Page