CSS trouble: Float drops to another line (all browsers) -


i understand float drops next line if parent container not wide enough.

the site i'm working on magento 1.7.2 install themeforest theme (fortis). expected problem started when included twitter bootstrap (i did @ top of ).

my div.header 960px wide. contains:

  • div.header-top working fine.
  • h1.logo floats left, , narrower needs (currently 200px, should 400px).
  • div.header-left element empty, , has left margin of 20px.
  • div.header-right element 485px wide , floats right.

the problem if make h1.logo wider, div.header-right drop next line.

i should able make div.header-left wide 455px without problem. missing?

figured out. looks search bar on top has margin on bottom , pushing .header-right on left.

right click , "inspect element" on search field , see mean.

you have remove margin or adjust height on .header-top-search-wrapper.


Comments

Popular posts from this blog

c++ - Function signature as a function template parameter -

algorithm - What are some ways to combine a number of (potentially incompatible) sorted sub-sets of a total set into a (partial) ordering of the total set? -

How to call a javascript function after the page loads with a chrome extension? -