SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Enthusiast blakems's Avatar
    Join Date
    Oct 2002
    Location
    Utah
    Posts
    59
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Nesting a divs in mozilla

    the parent div (class=fRow) in this series is not wrapping around the child divs (class=fItem) that are nested in mozilla 1.
    If I put a border on the parent div it appears not to even go around the nested divs. any way to correct that? thanks.
    STYLE-----------------------------------
    .fItem {
    float: left;
    padding: 10px 5px;
    text-align: center;
    width: 120px;
    }
    .fRow {
    display: block;
    clear: both;
    width: 400px;
    border-bottom: 1px solid #A3A2E0;
    vertical-align: bottom;
    }CODE----------------------------
    <div class="fRow">

    <div class="fItem">
    content
    </div>
    <div class="fItem">
    asdfklsajfds
    </div>
    <div class="fItem">
    asdfsadf
    </div>
    </div>
    blakems.com
    "reaching more of your brain cells"


  2. #2
    SitePoint Guru silver trophy Luke Redpath's Avatar
    Join Date
    Mar 2003
    Location
    London
    Posts
    794
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yes, turn off float.

  3. #3
    SitePoint Enthusiast blakems's Avatar
    Join Date
    Oct 2002
    Location
    Utah
    Posts
    59
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I need the float for the child divs though
    blakems.com
    "reaching more of your brain cells"


  4. #4
    SitePoint Guru silver trophy Luke Redpath's Avatar
    Join Date
    Mar 2003
    Location
    London
    Posts
    794
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    OK, you will need to include a spacer gif then – read an explanation here:

    http://realworldstyle.com/split.html


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
  •