Home/ Questions/Q 1005549
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-16T08:18:54+00:00

I’m having a few problems trying to position some div s in my website

  • 0

I’m having a few problems trying to position some divs in my website layout. All of them is related to the div‘s size. I’m using Chrome’s developer tools to inspect the divs and when I mouse over some divs it is just 1px-high, but it has content inside and its content has some height. Shouldn’t it have at least the same height of its content?

I don’t know if I explained well, so I’m posting some images. I’m using Blueprint CSS Framework and it happens when I use class="span-XX" and inside it I don’t use neither class

Here is some images (click to zoom)

The parent div
alt text

The div with problem (no height)
alt text

The child div
alt text

The parent div has class="span-XX", the div with problem has only #search
which is this one

I suspect it is some float or positioning issue with css but I don’t know what it is and how to deal with it. I have also a list containing the social networks on the top of the site which ul has the same problem.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    If you have floats inside, you need to clear them. Apply overflow:hidden; zoom:1; to the parent containing the floats and it should resolve it.

    If you have negative margins / position + relative and negative offset and cant use overflow hidden use a clearfix… http://work.arounds.org/clearing-floats/

    • 0