Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.

    • CommentAuthormostafa
    • CommentTimeMar 14th 2006 edited
     permalink
    I have one problem in that page http://www.gnsegroup.com/esecurity_products_services.shtml
    The products boxes are not aligned from the top to each others. each box is lower than the one next to it by 1px. The borderware box is lower than the blue coat box by one pixel and the cybergurad box is lower than the borderware by one pixel.

    I don't know why!

    Can you help?
    • CommentAuthormaspick
    • CommentTimeMar 14th 2006
     permalink
    It looks fine in FireFox & Opera, but jagged in IE6. That may help get you closer to a solution.
    • CommentAuthormostafa
    • CommentTimeMar 15th 2006
     permalink
    no, on my Firefox and IE its not aligned, I even asked a friend to check it on his PC using the 2 browsers, same result on both.

    Are you all seeing what i'm talking about or it looks fine to you like maspick?
    •  
      CommentAuthoranblik
    • CommentTimeMar 15th 2006 edited
     permalink
    mostafa, due to excessive use of <div class=clear> after every single product boxes, every blocks goes down 1px below the left box. In your case, you have 3 product boxes in every rows. So its best to put 3 consecutive <div class=bl> one after another and just after the last product block insert only one <div class=clear> or simply <br />. This will clear the first row and brings cursor down to next row.
    • CommentAuthormostafa
    • CommentTimeMar 15th 2006
     permalink
    Thanks! :)
    Its working! :D

    I just deleted the <div class=clear> from all boxes and it works!
Add your comments
    Username Password
  • Format comments as (Help)