1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Css help

Discussion in 'CSS' started by joesgraphics, Feb 16, 2007.

  1. #1
    Hi i have a problem with
    .main {clear:both; width:900px; height:100%; padding:1.0em 0 1.5em 0; background:rgb(255,255,255) url(../img/bg_head_breadcrumbs.jpg) repeat-y;}

    not working in firefox but does in I.E. plz help :)
     
    joesgraphics, Feb 16, 2007 IP
  2. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #2
    Define: not working.

    Where's the html that applies to?

    cheers,

    gary
     
    kk5st, Feb 16, 2007 IP
  3. nwk

    nwk Well-Known Member

    Messages:
    385
    Likes Received:
    13
    Best Answers:
    0
    Trophy Points:
    158
    #3
    Not working:
    Do you mean that the whole .main{} has no effect on he layout or that the layout is distorted/part of yhe code is not functioning.
    It would help if you show the part of the html code which links to the css.(.main{}).
     
    nwk, Feb 17, 2007 IP
  4. joesgraphics

    joesgraphics Peon

    Messages:
    206
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #4
    umm here is an example chetos.es/test/link-bid/ u will see the side of the layout is not showing in firefox but is in i.e
     
    joesgraphics, Feb 17, 2007 IP
  5. nwk

    nwk Well-Known Member

    Messages:
    385
    Likes Received:
    13
    Best Answers:
    0
    Trophy Points:
    158
    #5
     .main {
    clear:both; 
    width:900px;
    height: 100%; /* give a height appropriate to the page*/
    padding-bottom:30px; 
    background:transparent url(../img/bg_main_withnav.jpg) top left repeat-y;
    }
    
    Code (markup):
    You have to give the height of the class "main" otherwise FF takes the absolute(0px).
    That's why the image is not coming.

    also I think the "<div class="main"> is missing in the header file.
     <!-- A.4 HEADER BREADCRUMBS -->
    
          <!-- Breadcrumbs -->
          <div class="header-breadcrumbs">
    
            <ul>
              <li>Home</li>
            </ul>
    
            <!-- Search form -->                  
            <div class="searchform">
              <form action="#" method="get" class="form">
                <fieldset>
                  <input value=" Search..." name="field" class="field" size="20" />
    
                  <input type="submit" value="GO!" name="button" class="button" />
                </fieldset>
              </form>
            </div>
          </div>
        </div>
    
        <!-- For alternative headers END PASTE here -->
    
        <!-- B. MAIN -->
    
        
      
    <div class="main-breadcrumbs">
         
         
          <div class="main-content">
            
            
    
    Code (markup):
    you defined the main-content, main-subcontent, ... but not "main".
    Insert "<div class="main">" just after "<!-- B. MAIN -->" and corresponding </div> before footer.
    :D Hope this works.
     
    nwk, Feb 17, 2007 IP
    joesgraphics likes this.
  6. joesgraphics

    joesgraphics Peon

    Messages:
    206
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Ok thanks for all your help :)

    The only think now is the screen box that was ment to be on theleft drops to the bottom now in I.E. if you have time to check it out if ya dont its ok.
     
    joesgraphics, Feb 17, 2007 IP
  7. joesgraphics

    joesgraphics Peon

    Messages:
    206
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #7
    All fixed now thanks for you help "nwk" :) iv added some rep for you.
     
    joesgraphics, Feb 17, 2007 IP
  8. nwk

    nwk Well-Known Member

    Messages:
    385
    Likes Received:
    13
    Best Answers:
    0
    Trophy Points:
    158
    #8
    No Problem Mate , I'm glad I'm helping someone.
    And thanks 4 the rep.
     
    nwk, Feb 18, 2007 IP