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

Perl - how to grep a block of text from a file -

delphi - How to remove all the grips on a coolbar if I have several coolbands? -

javascript - Animating array of divs; only the final element is modified -