Home/ Questions/Q 6353019
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-24T22:20:12+00:00

I have a page designed for tabbed page navigation. The top tabs are <li>

  • 0

I have a page designed for tabbed page navigation. The top tabs are <li>s in a <ul> and nested in parent divs and a topmost header div. The header div consists of 3 child divs, logo, logo2, and menu. The logo div is set to float left and other two to float right. But there is some unwanted space (or a fluid gap) between logo2 div and menu div. I want no space (or a space of single px) between these divs. You can see a working fiddle here. How can I solve this?

I am getting this

enter image description here

and I want this

enter image description here

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Your fiddle shows a hug gap between logo and the menu when the window is resized. Is that what you want?

    I think this is what you are after…

    Change the floats to display:inline-block;s

    Example: http://jsfiddle.net/jasongennaro/wVBxy/1/

    • 0